@charset "utf-8";

/* CSS Document 2016.3 */

body { font-family:寰蒋闆呴粦; margin:0;padding:0;font-size:12px;color:#333; width:auto; background-position:top; background-repeat:repeat-x;margin:0 auto; }

div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border:0;}

ul,li{list-style-type:none;}

a {color:#333;}

img{border:0;vertical-align:middle;}

input,select,textarea{vertical-align:middle;}

h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}

/* Link */

a,span{text-decoration:none; }

a:hover {color:#37327c;text-decoration:none;transition: all 300ms ease 0s;}

a:link, a:visited { text-decoration: none; transition: all 300ms ease 0s; outline:none;}

i,em,b{ font-style:normal;display: inline-block;}

.nomr { margin-right:0px!important;}

/* Other */

.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}

.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */

.fl{float:left;}

.fr{float:right;}

/*.mauto{width:1200px; margin:0 auto;}*/



.ml10{ margin-left:10px;}

.ml15{ margin-left:15px;}

.ml25{ margin-left:25px;}





.mt5{margin-top:5px;}

.mt10{ margin-top:10px;}

.mt15{ margin-top:15px;}

.mt20{ margin-top:20px;}

.mt25{ margin-top:25px;}

.mt30{ margin-top:30px;}

.mt40{ margin-top:40px;}

.mt50{ margin-top:50px;}

.mt60{ margin-top:60px;}

.mb10{ margin-bottom:10px;}

.mb20 {margin-bottom:20px;}

.mtb10{ margin:10px 0px;}

.pt10{padding-top:10px;}

.pt15{padding-top:15px;}

.plr15{padding: 0px 15px;}

.ptb10{padding:10px 0px;}

.pl10{ padding-left:10px;}

.pl15{ padding-left:15px;}

.pl20{padding-left:20px;}

.pb10{ padding-bottom:10px;}

.ptm10{ padding:10px 0px;}



.ov{ overflow:hidden;}

.db{ display:block;}

.dib{ display:inline-block;}

.dn{ display:none;}

.abs{position:absolute;}

.rel{position:relative;}

.ftb{font-weight:bold;}

.mb10{margin-bottom:10px;}

.tac{ text-align:center;}

.tar{ text-align:right;}

.tal{ text-align:left;}

.w{ width:100%;

min-width:1300px;}

.w1200 { width:1200px; margin:0px auto;}

.w1240 { width:1240px; margin:0px auto;}



/* Font  */

.f10px{font-size:10px;}

.f11px{font-size:11px;}

.f12px{font-size:12px;}

.f14px{font-size:14px;}

.f15px{font-size:15px;}

.f16px{font-size:16px;}

.f18px{font-size:18px;}

.f20px{font-size:20px;}

.li20px{line-height:20px;}

.li22px{line-height:22px;}

.li24px{line-height:24px;}

.li26px{line-height:26px;}

.li28px{line-height:28px;}

.li30px{line-height:30px;}

.li40px{line-height:40px;}

.li50px{line-height:50px;}

.f18px{font-size:18px;}

.f20px{font-size:20px;}

.f22px{font-size:22px;}

.f24px{font-size:24px;}

.f30px{font-size:30px;}

.f36px{font-size:36px;}

.yahei{font-family:寰蒋闆呴粦;}

.song{font-family:"瀹嬩綋";}

.heiti{font-family:"榛戜綋";}



.breadnav { font-size:12px; color:#999;}

.breadnav a { font-size:12px; color:#999;}



/*top*/

.top { background:#efefef; height:34px; color:#ababab; line-height:34px; }

.top a { color:#ababab; width:44px; height:20px; line-height:20px; display:inline-block; margin-top:6px; margin-left:5px; text-align:center; border-radius:6px; border:1px solid #ababab;}

.logo { margin-top:4px;}

.nav > ul > li { float:left;height:100px;position:relative;}

.nav > ul > li > a { display:block; height:100px; line-height:100px; font-size:16px; color:#3c3c3c;border-right:1px solid #eeeeee; padding:0px 30px;}

.nav > ul >  li > a:hover { background:#fcfcfc; color:#37327c; border-top:5px solid #37327c;}



.sub { width:100%;  display:none; position:absolute; top:100px; left:0px; z-index:9999; background:#fcfcfc; }

.sub li { width:100%;color:#666;}

.sub li a{  text-align:center; font-size:12px;line-height:18px; display:block; color:#666; padding:10px 3px;}

.sub a:hover {  color:#FFF; background:#37327c;font-size:13px;}





/*鏂板搧*/

.i-new-pro { padding-top:54px; text-align:center;}

.i-new-pro .t1 em { font-size:24px; color:#000; width:100%; text-align:center; font-weight:bold;}

.i-new-pro .t1 span { display:block; width:100%; text-align:center; font-size:12px; color:#999999; margin-top:10px;}

.i-new-pro .t1 i { width:38px; height:2px; margin:0px auto; background:#37327c; margin-top:8px;}

.i-new-pro .a1 {width:300px; height:220px; overflow:hidden}

.i-new-pro .a1 img {width:300px; height:220px;transition: all 300ms ease 0s;}

.i-new-pro .a1 a:hover img {transform: scale(1.1,1.1);

-ms-transform: scale(1.1,1.1);	/* IE 9 */

-webkit-transform: scale(1.1,1.1);	/* Safari 鍜 Chrome */

-o-transform: scale(1.1,1.1);	/* Opera */

-moz-transform:scale(1.1,1.1);	/* Firefox */transition: all 300ms ease 0s;}

.i-new-pro .b1, .i-new-pro .b2 { position:relative; width:300px; height:150px; padding-top:70px; background:#f6f6f6; text-align:center; font-size:18px; color:#000; z-index:2;}

.i-new-pro .b1 span , .i-new-pro .b2 span{ display:block; width:300px; margin-top:10px;}

.i-new-pro .b1 span a ,.i-new-pro .b2 span a { font-size:12px; color:#666666}

.i-new-pro .b1 span a:hover , .i-new-pro .b2 span a:hover{ color:#00913E}

.i-new-pro .b1 i , .i-new-pro .b2 i { width:46px; height:3px; background:#bbbbbb;display:block; margin:15px auto; }

.i-new-pro .b1 em { background:url(../images/triangle.png); width:14px; height:22px; position:absolute; left:-14px; top:100px;}

.i-new-pro .b2 em { background:url(../images/triangle1.png); width:14px; height:22px; position:absolute; right:-14px; top:100px;}

.i-new-pro .more a{ display:block; width:104px; height:40px; line-height:40px; border:1px solid #37327c; text-align:center; color:#37327c; margin:0px auto; margin-top:35px; font-size:14px;}



/*鍏充簬鎴戜滑*/

.i-about { height:312px; background:url(../images/aboutbg.jpg) top center no-repeat; margin-top:50px;text-align:center; padding-top:40px;}

.i-about .t1 em { font-size:24px; color:#fff; width:100%; text-align:center; font-weight:bold;}

.i-about .t1 span { display:block; width:100%; text-align:center; font-size:12px; color:#fff; margin-top:10px;}

.i-about .t1 i { width:38px; height:2px; margin:0px auto; background:#fff; margin-top:8px;}

.i-about .con2 { background:#fff;top:102px; left:0px; height:327px;border-bottom:4px solid #f2f2f2;}

.i-about .video {width:366px; height:260px; /*margin-top:40px;*/ margin-left:40px;}

.i-about .intro { width:719px; margin-left:35px; margin-top:40px; line-height:32px; color:#333333; font-size:13px; text-align:justify; height:190px; overflow:hidden;}

.i-about .more a{ display:block; width:88px; height:30px; line-height:30px; background:#37327c; text-align:center; color:#fff; margin-top:25px; font-size:14px; margin-left:35px;}



/*宸ュ巶*/

.i-fac { margin-top:50px; text-align:center;}

.i-fac .t1 em { font-size:24px; color:#000; width:100%; text-align:center; font-weight:bold;}

.i-fac .t1 span { display:block; width:100%; text-align:center; font-size:12px; color:#999999; margin-top:10px;}

.i-fac .t1 i { width:38px; height:2px; margin:0px auto; background:#37327c; margin-top:8px;}



.cont_right{width:1240px; float:right; margin-top:32px;}

.pro_list{ width:1240px;height:100px; float:left; overflow:hidden;}

.links{width:1240px; float:left;overflow:hidden;}

.mr_frbox { height:230px;}

.mr_frBtnL { float: left; cursor: pointer; display: inline; }

.mr_frUl { float: left;width:1120px; height:100px;overflow:hidden;}

.mr_frBtnR { float: right; cursor: pointer; }

.mr_frUl ul a { width:270px; height:154px; margin-right:14px; font-family: "寰蒋闆呴粦"; font-size:13px; color:#333; line-height:28px; overflow:hidden; text-align:center; float:left;}

.mr_frUl ul a:hover{color:#00358b;}

.mr_frUl ul li { display: inline; float: left; width:270px; height:254px; overflow: hidden;}

.mr_frUl ul li img { width:200px; height:72px;  display: block; margin: auto;}

.mr_frUl ul li:hover{ width:270px; height:100px; opacity:0.8;}

.prevs{width:45px; height:45px; float:left; background:url(../images/left.png); margin-top:13px; margin-right:15px;}

.nexts{width:45px; height:45px;float:right; background:url(../images/right.png); margin-top:13px; margin-left:15px;}





/*棣栭〉鍙戝睍鍘嗙▼*/

.i-dev { background:#f9f9f9; margin-top:130px; padding-bottom:80px;}

.i-dev .pic { margin-top:100px;}

.dev-list { width:800px; border-left:1px solid #37327c; margin-top:75px;}

.dev-list ul li { position:relative; padding-left:10px; float:left; margin-bottom:30px;}

.dev-list ul li i { position:absolute; width:9px; height:9px; background:#37327c; border-radius:9px; left:-4px; top:8px;}

.dev-list ul li span { font-size:16px; font-weight:bold; color:#37327c; display:block; float:left; width:80px;}

.dev-list ul li em { float:right; width:710px; color:#666666; font-size:13px; line-height:30px; margin-top:-6px;}



/*蹇€熷鑸?/

.i-icons  { margin-top:70px; height:120px;}

.i-icons dl { float:left;width:370px; padding-left:30px; background:url(../images/icon-bg.png) 350px no-repeat;}

.i-icons dl dt { float:left; width:58px; margin-right:10px;}

.i-icons dl dd { float:left;width:200px; color:#999999; margin-bottom:5px; }

.i-icons dl dd a { font-size:18px; font-weight:bold; color:#000;}



/*搴曢儴*/

.bottom {  background:#3c3c3c;color:#a7a7a7;}

.bt-nav ul li {float:left;}

.bt-nav ul li a{ color:#a7a7a7;  padding-right:20px; border-right:1px solid #a7a7a7; margin-right:20px; display:inline-block; height:12px; line-height:12px;}

.copyright {}

.bt-contact {}

.bt-links a { display:inline-block;color:#a7a7a7;}



/*鍐呴〉鍏敤*/

.in-banner { height:245px; z-index:9999}

.in-nav { height:68px; border-bottom:1px solid #e5e5e5; padding-top:32px;}

.in-nav ul { width:100%; float:left; text-align:center;}

.in-nav  li { display:inline-block; margin:0px 10px; position:relative;}

.in-nav  li a { display:inline-block; padding:0px 12px; height:38px; line-height:38px; border:1px solid #dcdcdc; border-radius:19px; color:#666; font-size:14px;}

.in-nav  li span { position:absolute; background:url(../images/innav-h.png); width:10px; height:30px; display:block; bottom:-33px; left:45%; display:none;}

.in-nav  li:hover span { display:block;}

.on {}

.in-nav  li a:hover {border:1px solid #37327c; background:#37327c; color:#fff;}

.in-nav  li a.active {border:1px solid #37327c; background:#37327c; color:#fff;}

.in-nav  li.active span { display:block;}

.in-con { padding:54px 0px; font-size:14px; color:#333;}



/*鍐呴〉鍙戝睍鍘嗙▼*/

.in-dev-list { width:1200px; border-left:1px solid #a2d5b8; }

.in-dev-list ul li { position:relative; padding-left:10px; float:left; margin-bottom:30px;}

.in-dev-list ul li i { position:absolute; width:9px; height:9px; background:#00913E; border-radius:9px; left:-4px; top:8px;}

.in-dev-list ul li span { font-size:16px; font-weight:bold; color:#00913E; display:block; float:left; width:80px;}

.in-dev-list ul li em { float:right; width:1108px; color:#666666; font-size:13px; line-height:30px; margin-top:-6px;}



/*鑽ｈ獕璧勮川*/



.honor-list ul li { float:left; width:390px; height:286px; overflow:hidden; margin-right:15px; margin-bottom:15px;}

.honor-list ul li img {width:390px; height:286px;transition: all 300ms ease 0s;}

.honor-list ul li a:hover img { opacity:0.8;}

.honor-list ul li .pro-t {width:360px; height:286px; line-height:50px; text-align:center;background:url(../images/pro-t-bg.png) repeat; top:236px; left:0px; padding:0px 15px; color:#fff; font-size:16px; display:block;}





/*鏂伴椈*/

.in-newslist .more { margin-top:30px;}

.in-newslist .more a{ background:url(../images/news-more.png); display:block; width:46px; height:46px;}

.in-newslist li { padding:38px 0px; border-bottom:1px solid #e5e5e5; float:left;}

.in-newslist li:hover .more a{background:url(../images/news-more-h.png);}

.in-newslist li:hover .newlist-t a {color:#37327c;}

.newlist-time { width:92px; font-size:36px; color:#333; margin-right:33px;}

.newlist-time span { display:block; width:92px; text-align:right; font-size:14px; color:#999999;}

.newlist-pic { margin-right:46px;}

.newlist-pic img { width:230px; height:120px;}

.newlist-t { width:653px; margin-right:100px; }

.newlist-t a {color:#333; font-size:18px;}

.newlist-t a span { display:block; font-size:14px; color:#666666; margin-top:15px; line-height:24px;}

/*鏂伴椈璇︽儏*/

.news-tt { height:60px; line-height:60px; font-size:16px; font-weight:bold; color:#000; }

.news-at {border-bottom:1px dashed #eee; padding-bottom:20px;border-bottom:1px dashed #ccc; color:#666}

.news-con { padding:40px 0px;}

/*浜у搧*/

.in-prolist {}

.in-prolist ul li { float:left; width:390px; height:286px; overflow:hidden; margin-right:15px; margin-bottom:15px;}

.in-prolist ul li img {width:390px; height:286px;transition: all 300ms ease 0s;}

.in-prolist ul li a:hover img { opacity:0.8;}

.in-prolist ul li .pro-t {width:360px; height:286px; line-height:50px; text-align:center;background:url(../images/pro-t-bg.png) repeat; top:236px; left:0px; padding:0px 15px; color:#fff; font-size:16px; display:block;}



/*page*/

#dcms_pager .pages {border:none;text-transform:uppercase;font-size:12px;margin:10px 0 30px 0;padding:30px 0px;height:40px;clear:both;text-align:center;}

#dcms_pager .pages a {border:1px solid #ccc;text-decoration:none;margin:0 5px 0 0;padding:10px;font-size:12px;height:40px;line-height:40px;background:#fff;}

#dcms_pager .pages a:hover {border:1px solid #dcdcdc;}

#dcms_pager .pages .pgempty {border:1px solid #dcdcdc;color:#999999;background:#fff;}

#dcms_pager .pages .pgcurrent {border:1px solid #aeaeae;color:#fff;font-weight:bold;background-color:#37327c;}



/*涓嬭浇椤甸潰寮€濮?/

.down_list{

	width:1200px;

	margin:0 auto;

	background:#fff;

	padding-bottom:30px;}

	

.down_list table{

	width:1200x;

	margin:0 auto;

	}

	

.down_list table td{

	text-align:center;}

.down_list .head{

	font-size:14px;

	color:#333333;

	height:39px;

	border:1px solid #ededed;

	background:url(../images/img33.jpg) repeat-x center;}

.down_list .tablebody{

	font-size:14px;

	color:#666666;

	line-height:53px;

	background:url(../images/img35.jpg)  no-repeat left bottom;}

.down_list .tablebody a:hover{

	color:#a50000;}



/*鍚堜綔浼欎即鏍峰紡*/

.link_list{

width:1008px;

margin:0 auto;

}

.link_list li:hover img{

border:1px solid #e9e9e9;}

.link_list li img{

border:1px solid #fff;}

.link_list li{

float:left;

margin:0 15px;

margin-bottom:25PX;

text-align:center;}

.link_list li h4{

font-size:13px;

color:#666;

text-align:center;

margin-top:8px;}













.in-nav .act a{

    border: 1px solid #37327c;

    background: #37327c;

    color: #fff;

}





.in-nav .act span {

    display: inline;

}

.nn1 .w1200{ position:relative}
.nn1-1{ position:absolute; top:0; right:0; width:57%}
.nn1-1 h1 img{ width:100%}

.bxslider li{ position:relative}
.bxslider li .on1{ position:absolute; top:0; left:0; width:100%}
.on1 h1{ font-size:40px; font-weight:bold; text-align:center; color:#fff; margin:110px 0 45px}
.on1 h1 img{ vertical-align:middle; margin:0 40px;display: inline-block;}
.on1-1{ overflow:hidden; max-width:1120px; margin:auto}
.on1-1 p{ float:left; width:200px; font-size:20px; text-align:center;display: table; margin:0 40px}
.on1-1 p a{ display:block; line-height: 30px; display:block;width:200px; height:200px; background:#fff; background-color: rgba(255,255,255,0.1); filter: Alpha(opacity=10); border-radius:50%; font-weight:normal;box-sizing: border-box;display: table-cell; vertical-align: middle; color:#fff}
.on1-1 p a:hover{ background:#fff; background-color: rgba(255,255,255,0.4); filter: Alpha(opacity=40); }