@charset "utf-8";

body{ margin:0px auto; padding:0px; font-family:"microsoft Yahei"; font-size:14px; background:#FFF; color:#333; line-height:23px;-moz-user-select:none; }

ul,li,ol{ list-style:none; margin:0px; padding:0px;}

a{ color:#333; text-decoration:none;}

a:hover{ text-decoration:underline;}
hr{ clear: both; display: block; height: 1px; border: 1px solid #666; }




/* top ============== */

.top{ clear: both; display: block; width: 100%; margin: 0px; height: 93px;  }

.topC{ clear: both; display: block; width: 1200px; height: 93px; margin: 0px auto; position: relative; }



.logo{ width: 198px; height: 46px; position: absolute; left: 0px; top: 20px; }

.logo a{ clear: both; display: block; width: 100%; height: 46px; cursor: pointer; background: URL(../images/logo.png) left 50% no-repeat; }

.topMenu{ height: 15px; line-height: 15px; position: absolute; right: 240px; bottom: 15px; text-align: right; }

.topMenu a{ margin-left: 10px; font-size: 15px; }



.topLanguage{ position: absolute; right: 0px; bottom: 12px; text-align: right; }

.topLanguage img{ border: 0px; margin-left: 3px; }

.topLanguage a{ margin-left: 8px; color: #999; }





.topText{ width: 700px; height: 35px; line-height: 35px; color: #FFF; font-size: 16px; text-align: right; position: absolute; right: 10px; top: 10px; }





.menu_search{ clear: both; display: block; background: #e5e5e5; height: 35px; border-bottom: 5px solid #1d2089;  }

.menu_search_c{ clear: both; display: block; width: 1200px; margin: 0px auto; }





.menu{ float: left; display: block; width:900px; height: 35px; }

.nav_list{ clear: both; display:block; }

.drop-menu-effect{ float:left; position:relative; text-align:center; width: 150px; }

.on span{ background: #1d2089 URL(../images/menuIconHover.png) 120px 50% no-repeat; color: #FFF; }



.submenu{ display:none; position:absolute; top:35px; left:0px; width:510px; z-index:5000; text-align:center; line-height:25px; text-align:center; overflow:hidden; background: #FFF; box-shadow: 0px 3px 3px #666; padding: 20px 0px; }

.submenu span{ float: left; display: inline-block; width: 240px; height: 30px; line-height: 30px; text-align: left; margin-left: 15px; text-indent: 1em; }



.submenu .menuMore{ clear: both; display: block; width: 100%; }

.submenu .menuMore .selected{ clear: both; display: block; width: 100%; color: #1d2089; text-align: left; text-indent: 2em; font-weight: bold; }



.fMenu{ display: block; font-weight: bold; width: 100%; height: 35px; line-height: 35px; font-size: 16px; background: URL(../images/menuIcon.png) 120px 50% no-repeat; }

.fMenu:hover{ background: #1d2089 URL(../images/menuIconHover.png) 120px 50% no-repeat; color: #FFF; }

.sMenu{ clear: both; display: block; width: 100%; height: 32px; line-height: 32px; text-align: center; }







.menuPro{ float: left; display: inline-block; text-align: left; margin-left: 35px; width:200px; }



.menuProPic{ clear: both; display: block; }

.menuProPic img{ border: 0px; width: 70px; height: 45px; }

.menuProTit{ clear: both; display: block; font-weight: bold; font-size: 15px; color: #1d2089; height: 40px; line-height: 20px; }

.menuProTit a{ color: #000; }

.menuProList{ float: left; display: inline-block; text-align: left; }

.menuProList a{ clear: both; display: block; line-height: 20px; margin-top:15px; }

.menuProList a:hover{ background: #f7f7f7; }





.search{ float: right; display: inline-block; margin-top: 5px; }

.searchInput{ float: left; display: block; width: 150px; height: 20px; border: 1px solid #e3e3e3; background: #FFF; }

.searchBtn{ float: left; display: block; width: 50px; height: 25px; cursor: pointer; }













/* banner style start */

.banner{ clear: both; display: block; width: 100%; height: 430px; }



.flexslider { position: relative; height: 430px; overflow: hidden; box-shadow: 0px 0px 10px #000; }

.slides { position: relative; z-index: 1;}

.slides li { height: 430px; text-align: center; }

.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}

ol{ margin: 0px; padding: 0px; }

.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}

.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 50px;  border-radius: 50%; background: #888; overflow: hidden; cursor: pointer; }

.flex-control-nav .flex-active { background: #FFF;}





.subBanner{ clear: both; display: block; width: 1200px; margin: 10px auto; }

.subBanner img{ border: 0px; width: 1200px; }





/* index style */

.index{ clear: both; display: block; width: 1200px; margin: 20px auto; }

.clear{ clear:both; display: block; }
.clearC{ clear:both; display: block; }





.news_yingyong_about{ clear: both; display: block; width: 1200px; margin: 20px auto; }

.indexNews{ float: left; display: block; width: 280px; }

.indexTitle{ clear: both; display: block; height: 40px; line-height: 40px; }

.titleName{ float: left; display: inline-block; color: #1d2089; font-size: 20px; }

.titleURL{ float: right; display: inline-block; font-size: 14px; }



.indexNewsList{ clear: both; display: block; background: #f7f9f8; border: 1px solid #e3e3e3; }

.indexNewsList li{ clear: both; display: block; background: URL(../images/indexNewsIcon.png) left top no-repeat; margin: 12px 15px; }

.indexNewsList li a{ clear: both; display: block; margin-left:40px; height: 23px; line-height: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.indexNewsList li span{ clear: both; display: block; margin-left: 40px; }







.yingyong{ float: left; display: block; width: 630px; margin-left: 36px; }

.yingyongList{ clear: both; display: block; }

.yingyongList li{ float: left; display: block; width: 300px; height: 145px; margin: 5px; position: relative; }

.yingyongList li:hover span{ background: #1d2089; }

.yingyongList li div{ clear: both; display: block; width: 300px; height: 145px; position: absolute; left: 0px; top: 0px; }

.yingyongList li div img{ border: 0px; width: 300px; height: 145px; }

.yingyongList li span{ clear: both; display: block; width: 100%; height: 30px; line-height: 30px; background: #000; position: absolute; left: 0px; bottom: 0px; text-indent: 1em; opacity: 0.7 }

.yingyongList li span a{ color: #FFF; }







.downList{ clear: both; display: block; width: 100%; background: #e3e3e3; }

.downTitle{ background: #ccc; font-weight: bold; }

.downList li{ clear: both; display: block; border-bottom: 1px solid #FFF; height: 35px; line-height: 35px; }

.downList li .downNum{ float: left; display: inline-block; width: 70px; text-align: center; }

.downList li .downName{ float: left; display: inline-block; width: 700px; }

.downList li .downClick{ float: left; display: inline-block; width: 60px; }

.downList li .downClick a{ display: inline-block; background: #1d2089; color: #FFF; height: 20px; line-height: 20px; width: 100%; text-align: center; margin-top: 7px; cursor: pointer;}







.about{ float: right; display: block; width: 230px; }

.indexVideo{ clear: both; display: block; margin-bottom: 10px; }

.indexKefu{ clear: both; display: block; }

.indexKefu img{ border: 0px; width: 100%; }









/* index about */

.indexAbout{ clear: both; display: block; background: #f0f0f0; padding: 30px 0px; }

.indexAboutC{ clear: both; display: block; width: 1200px; margin: 0px auto; }





.indexAboutList{ float: left; display: block; width: 200px; }

.indexAboutTitle{ clear: both; display: block; height: 40px; line-height: 40px; font-size: 28px; color: #1d2089; }

.indexAboutLi{ clear: both; display: block; height: 32px; line-height: 32px; color: #1d2089; font-size: 16px; }

.indexAboutLi a{ color: #1d2089; }



.indexAboutText{ float: right; display: block; width: 910px; background: #dcdcdc; padding: 15px; }

.indexAboutText img{ border: 0px; width: 200px; height: 120px; margin-right: 15px; float: left; }





/* left style */

.left{ float: left; display: block; width: 330px; }

.leftTit{ clear: both; display: block; height: 40px; line-height: 40px; text-indent: 1em; font-size: 18px; color: #1d2089; }



.leftList{ clear: both; display: block; border: 1px solid #e3e3e3; background: #fafafa; margin-bottom: 10px; padding-bottom: 10px; }

.leftList ul{ margin-left: 40px; }

.leftList li{ clear: both; display: block; height: 34px; line-height: 34px; border-bottom: 1px dashed #e3e3e3; overflow:hidden; }

.leftList li a{ clear: both; display: block; font-size: 14px; width: 100%; height: 34px; line-height: 34px; background: URL(../images/leftIcon.png) 15px 50% no-repeat; text-indent: 2.5em; }

.leftList li a:hover{ text-indent: 3em; background: URL(../images/leftIcon.png) 23px 50% no-repeat; color: #1d2089; }

.leftList .cur a{ color: #1d2089; font-weight: bold; }





.leftNews{ clear: both; display: block; border: 1px solid #e3e3e3; background: #fafafa; margin-bottom: 10px; padding: 10px 0px; }

.leftNews li{ clear: both; display: block; margin: 0px 15px; background: URL(../images/leftNewsIcon.png) left 10px no-repeat; text-indent: 1.5em; line-height: 25px; font-size: 12px; }





/* right style */

.right{ float:right; width:840px;}



.locationTitle{ clear: both; display: block; height: 40px; line-height: 40px; font-size: 16px; border-bottom: 1px solid #666; }





/* news list */

.newsList{ clear: both; display: block; }

.newsList ul{ clear: both; display: block; }

.newsList li{ clear: both; display: block; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #e3e3e3; }

.newsList li span{ float: right; }





/* product list */

.proList{ clear: both; display: block; }

.proList li{ clear: both; display: block; margin-bottom: 10px; padding: 10px 0px; border-bottom: 1px dashed #e3e3e3; }

.proList .proPic{ float: left; display: block; width: 160px; border: 1px solid #e3e3e3; }

.proList .proPic img{ border: 0px; width: 160px; }



.proText{ float: right; display: block; width: 620px; margin: 10px 0px; }

.proTitle{ clear: both; display: block; }

.proTitle a{ color: #1d2089; font-weight: bold; }



.proMore{ clear: both; display: block; text-align: right; }

.proMore a{ color: #666; }







.pro_zoom_text{ clear: both; display: block; }

.proPageZoom{ float: left; display: block; width: 305px; border: 3px solid #e3e3e3; }

.proPageZoom .imgZoom{ border: 0px; width: 305px; }

.proPageText{ float: right; display: block; width: 430px; height: 205px;  position: relative; }

.proPageTitle{ clear: both; display: block; font-size: 14px; font-weight: bold; color: #1d2089; }

.proPageTextC{ clear: both; display: block; margin: 10px 0px; }

.proPageTel{ clear: both; display: block; position: absolute; left: 0px; bottom: 0px; }







.tabList{ clear: both; display: block; width: 100%; height: 35px; line-height: 35px; background: #f7f7f7;  }

.tabList div{ float: left; display: inline-block; padding: 0px 40px;}







#tags li.selectTag a{ clear: both; display: block; background: #1d2089; color: #FFF; }

.tagContent { display: none; margin-top: 15px; }

.tagContent table{ width: 100%; }



#big{ clear: both; display: block; width: 100%; margin: 30px 0px;}

#tags{ clear: both; display: block; height: 30px; line-height: 30px; border-bottom: 1px solid #e3e3e3; }

#tags li{ float: left; display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #1d2089; border-radius: 6px 6px 0px 0px; margin-right: 10px; border-bottom: none; }









/* pic list */

.picList{ clear: both; display: block; }

.picList li{ float: left; display: block; width: 202px; margin-right: 8px; text-align: center; }

.picList li div{ clear: both; display: table-cell; border: 1px solid #e3e3e3; width: 200px; height: 200px; vertical-align: middle; text-align: center; }

.picList li div img{ border: 0px; max-width: 200px; max-height: 200px; }

.picList li span{ clear: both; display: block; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 10px; }









/* copyright */

.copyright{ clear: both; display: block; background: #fbfbfb; border-top: 1px solid #e3e3e3; padding-top: 10px; }

.copyrightC{ clear: both; display: block; width: 1200px; margin: 0px auto; }



.floatWechat{ position: fixed; right: 10px; top: 430px; width: 88px; z-index: 10000; }

.floatWechat img{ border: 0px; width: 100%; }



.bdsharebuttonbox{ clear: both; display: block; margin-top: 10px; }

.bdsharebuttonbox a{ clear: both; display: block; }

.bdsharebuttonbox span{ font-size: 12px; margin-left: 10px; }



.copyMenu{ clear: both; display: block; }

.copyMenu ul{ float: left; display: block; width: 200px; }

.copyMenu ul li{ clear: both; display: block; font-size: 16px; height: 50px; line-height: 50px; text-indent: 1.5em; }

.copyMenu ul p{ clear: both; display: block; margin: 0px; padding: 0px; height: 23px; line-height: 23px; overflow: hidden; font-size: 12px; text-indent: 1em; background: URL(../images/copyIcon.gif) left 50% no-repeat; margin-left: 10px; }

.copyMenu ul p a{ color: #767676; }





.copyLink{ clear: both; display: block; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; height: 30px; line-height: 30px; margin-top: 60px; }

.copyLink a{ text-decoration: underline; margin: 0px 5px; }



.links{ clear: both; display: block; }

.links a{ margin: 0px 5px; }





.copyIcon{ clear: both; display: block; margin: 20px 0px; }

.copyLanguage{ float: left; display: block; width: 95px; height: 31px; background: URL(../images/copyLanguage.png) left 50% no-repeat; }

.copyLogo{ float: right; display: block; width: 155px; height: 26px; background: URL(../images/copyLogo.png) left 50% no-repeat; }





.copyText{ clear: both; display: block; text-align: right; margin: 20px 0px; font-size: 12px; }





/* common style */

.contentText{ clear: both; display: block; margin: 15px 0px; }



.pageList{ clear: both; display: block; text-align: right; margin: 20px 0px; }

.pageList a{ display: inline-block; padding: 0px 7px; height: 25px; line-height: 25px; border: 1px solid #e3e3e3; margin-left: 5px;  }

.pageList b{ display: inline-block; padding: 0px 7px; height: 25px; line-height: 25px; border: 1px solid #e3e3e3; background: #1d2089; color: #FFF; font-weight: normal; margin-left: 5px; }

















/* scroll start */

.grow {

	width:1200px;

	margin:0px auto;

	overflow:hidden;

}

.grow2 {

	width:auto;

	height:auto;

	font-size:14px;

	float:left;

	overflow:hidden;

}

.grow2 li{

	float:left;

	margin:0px 6px;

	text-align:center;

	list-style:none;

	padding:0px;

}

.grow2 li p{ margin:0px; padding:0px; display:block; clear:both; }

.grow2 li span{ clear:both; display:block; height: 35px; line-height: 35px; font-size: 16px;}

.grow img{

	height:300px;

	margin-top:12px;

	border:1px solid #CCC;

	padding:1px;

}

.scroll{ width:400%; }

/* scroll end */





.dongshiPic{ float: left; display: block; margin-right: 15px; }

.contactTitle{ clear: both; display: block; width: 700px; margin-top: 30px; background: #1d2089; height: 30px; line-height: 30px; text-align: center; color: #FFF; }

.contactFrame{ clear: both; display: block; width: 700px; text-align: center; background: #e3e3e3; padding-top: 30px; }