@charset "utf-8";
/* CSS Document */
.gWidth{width:1200px; font-size:16px; margin-left: auto; margin-right: auto;}

.top{ height:120px;} 
.top img{ width:380px; height:100px; vertical-align:middle;}
.top span{ display:inline-block; height:100%; vertical-align:middle;}
.top form{ float:right; padding-top:23px}
.top form input{ float:left; border:1px solid #eee; height:45px; line-height:45px; box-sizing:border-box; width:280px; border-right:0; padding:0 10px;}
.top form .iconfont{ border-left:0; border-right:1px solid #eee; padding:0; width:40px; text-align:center; color:#333;}

.nav_bg{ background:#f1f1f1; height:60px; line-height:60px; width:100%;}
.nav li{ float:left; width:120px; height:60px; text-align:center;}
.nav li>a{ color:#333;}
.nav li dl{ height:auto;transition:.3s; z-index:2; position:relative; background:#fff;}
.nav li dl dd{overflow:hidden; height:0; transition:.3s; line-height:30px; font-size:14px;}
.nav li dl dd a{ color:#666;}
.nav li:hover dl dd:last-of-type{ padding-bottom:10px;}
.nav li:hover dl dd:first-of-type{ padding-top:10px;}
.nav li:hover dl{box-shadow:0 0 5px #999;}
.nav li:hover dl dd{ height:30px;}

.banner{ width:100%; height:560px;}
.flexslider{position:relative;height:560px;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:560px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:none;}
.flex-control-nav a{display:none;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../img/prev.png) center center no-repeat; background-size:100%;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../img/next.png) center center no-repeat; background-size:100%;}


.index_pro{ margin-top:100px;}
.index_bt{ width:100%; text-align:center;}
.index_bt h2{ width:100%; font-size:30px; font-weight:normal; color:#0667B8; height:60px; line-height:60px;}
.index_bt span{ display:block; margin:0 auto; font-size:12px; text-transform:uppercase; color:#999;}
.index_pro ul{ margin-top:50px;}
.index_pro ul li{ width:230px; height:230px; margin:5px; float:left; position:relative; overflow:hidden;}
.index_pro ul li img{ width:100%; height:100%; transition:.5s}
.index_pro ul li a{justify-content:center;align-items:center;  display: -webkit-flex; position:absolute; top:0; left:0; width:100%; height:100%;padding:0 20px; overflow:hidden; transition:.5s; font-size:18px; color:#fff; background:rgba(0,0,0,.6); text-align:center; box-sizing:border-box; vertical-align:middle; opacity:0;}
.index_pro ul li:hover a{  opacity:1;}
.index_pro ul li:hover img{transform:scale(1.2);}

.about_bg{ width:100%; height:auto; background:url(../img/about_bg.jpg) no-repeat center center; background-size:auto 100%; margin-top:100px;}
.about_index_r{  height:100%; padding:100px; box-sizing:border-box;}
.about_index_r h2{ font-size:40px; color:#fff; margin-bottom:20px;}
.about_index_r strong{ font-weight:normal; display:block; font-size:18px; line-height:36px; color:#fff; margin-bottom:20px;}
.about_index_r span{ display:block; width:80px; height:3px; background:#fff; margin:20px auto;}
.about_index_r p{ font-size:16px; line-height:36px; color:#fff; margin-bottom:20px;}
.about_index_r a{ display:block; border:2px solid #fff; height:40px; line-height:40px;color:#fff;  margin:0 auto; width:100px; text-align:center; font-size:14px;}

.case_index{ margin-top:100px;}
.case_index ul{ margin-top:50px;}
.case_index ul li{ float:left; height:340px; width:300px; position:relative; transition:.3s;}
.case_index ul li p{ position:absolute; top:0; left:0;display:block; width:100%; height:170px; box-sizing:border-box; padding:15px;}
.case_index ul li .case_index_img{ display:block;width:100%; height:170px; overflow:hidden;position:absolute; top:170px; left:0;}
.case_index ul li strong{width:100%; font-weight:normal;  display:block;  font-size:14px; color:#999; margin-bottom:10px;}
.case_index ul li a{width:100%; font-weight:bold; display:block; font-size:18px; color:#0667B8; margin-bottom:10px;}
.case_index ul li p{width:100%;  font-size:14px; line-height:20px; color:#999;}
.case_index ul li img{ width:100%; transition:.5s;}
.case_index ul li:nth-child(2n) p{ top:170px;}
.case_index ul li:nth-child(2n) .case_index_img{ top:0;}
.case_index ul li:hover{ box-shadow:0 0 5px #999;}
.case_index ul li:hover img{transform:scale(1.2);}

.cont_index{ width:100%; background:#0667B8; padding:50px 0; margin-top:100px;}
.cont_index li{ width:25%; padding:0 5%; float:left; color:#FFF; text-align:center; border-right:2px solid #fff; box-sizing:border-box; font-size:14px; line-height:22px;}
.cont_index li:last-of-type{ border:0;}
.cont_index li i{ display:block; margin:0 auto; font-size:70px; height:70px; line-height:70px;}
.cont_index li span{ display:block; margin:20px auto; background:#fff; height:2px; width:30px;}

.news_index{ margin-top:100px;}
.news_index ul{ margin-top:30px;}
.news_index ul li{ float:left; width:575px; margin-right:50px; margin-bottom:20px;}
.news_index ul li:nth-child(2n){ margin-right:0;}
.news_index ul li img{ float:left; width:240px;}
.news_index ul li p{ float:right; display:block; width:310px;}
.news_index ul li p a{ color:#333; display:block; font-size:18px; line-height:30px; height:30px; overflow:hidden;}
.news_index ul li p span{ display:block; font-size:14px; color:#999; line-height:20px; border-bottom:1px solid #999; padding:10px 0;}
.news_index ul li p .news_more{ font-size:14px; margin-top:10px; color:#999; line-height:normal; height:auto;}

.news_index ul li:nth-child(2n-1) img{ float:right;}
.news_index ul li:nth-child(2n-1)  p{ float:left;}

.bottom_bg{ background:#666; padding:30px 0; margin-top:100px;}
.bottom dl{ float:left; width:20%;}
.bottom dl:last-of-type{ float:right; width:40%;}
.bottom dl dt{ color:#FFF; font-size:18px; line-height:40px;}
.bottom dl dd{ font-size:14px; line-height:30px; border-left:1px solid #888; box-sizing:border-box;padding-left:15px; color:#eee}
.bottom dl dd a{ color:#eee;}
.bottom_2{ text-align:center; line-height:50px; height:50px; color:#eee; background:#555; font-size:14px;}

/*****************************pro***********************************/
.banner_s{ width:100%; height:400px; 	 background:url(../img/banner1.jpg) no-repeat center center;
	 background-size:auto 100%;
}

.content{ margin-top:50px;color:#333;}
.list_left{ float:left; width:250px; height:auto;}
.list_left h2{ height:50px; line-height:50px; font-weight:normal; font-size:18px;background: linear-gradient(to bottom, #0667B8 0%,#0E367B 100%); color:#fff; box-sizing:border-box; border-radius:5px; padding:0 10px;}
.list_left ul li{ height:auto; line-height:50px; font-size:16px;box-sizing:border-box; padding:0 10px; border-bottom:1px solid #ccc;}
.list_left ul li>span{ color:#999; font-size:14px;}
.list_left ul li a{ color:#333;}
.list_left ul li dd{ height:40px; line-height:40px; font-size:14px; overflow:hidden; background:#f0f0f0;}
.list_left ul li dd:nth-child(2n){ background:#fff;}
.list_left ul li dd span{ margin-right:5px; color:#999; font-size:12px;}
.list_left ul li dl{height:0; overflow:hidden; transition:.3s; box-sizing:border-box;}
.list_left ul li dd a{ color:#666;}
.list_left ul li:hover>a{ color:#0667B8;}

.left_cont{ padding:15px 10px; box-sizing:border-box; border:1px solid #ccc; width:100%; margin-top:30px;}
.left_cont dt{ font-size:18px; margin-bottom:10px;}
.left_cont dd{ height:auto; line-height:30px; margin-bottom:10px; font-size:16px; color:#333;}
.left_cont dd span{ margin-right:5px; font-size:20px; color:#666;}
.left_cont dd:last-of-type{ margin-bottom:0;}

.list_right{ float:right; width:920px;}
.list_bt{ height:50px; line-height:50px; font-size:18px; font-weight:normal; border-bottom:1px solid #ccc; margin-bottom:30px;}
.list_bt span{ float:right; font-size:12px;}
.list_bt span a{ color:#333;}
.list_pro li{ float:left; width:290px; height:300px; overflow:hidden; margin-right:25px;}
.list_pro li:nth-child(3n){ margin-right:0;}
.list_pro li img{ width:290px; height:240px;}
.list_pro li .list_pro_a{ display:block; color:#333; font-size:16px; line-height:20px;justify-content:center;align-items:center;display: -webkit-flex; height:60px; text-align:center;}
.list_pag{ margin-top:30px; text-align:center;}
.list_pag a{ box-sizing:border-box; padding:0 10px; height:30px; line-height:30px; border:1px solid #ccc; color:#666; display:inline-block; border-radius:5px; margin:0 5px;}
.list_pag a:hover{ border:1px solid #0667B8; background:#0667B8; color:#fff; text-decoration:underline;}
.list_pag span{ display:inline-block; border-radius:5px; margin:0 5px; border:1px solid #014080; background:#014080; color:#fff;box-sizing:border-box; padding:0 10px; height:30px; line-height:30px; }
/*****************************news***********************************/
.list_news li{ padding:20px 0; border-bottom:1px solid #ccc;}
.list_news li:first-of-type{ padding-top:0;}

.list_news li img{ float:left; width:240px; height:170px; margin-right:15px;}
.list_news li p .news_bt{ display:block; height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#333;}
.list_news li p span{ display:block; font-size:14px; color:#999; line-height:22px; height:80px; overflow:hidden;}
.list_news li p .news_more{ font-size:14px; color:#333; line-height:30px; height:30px;}
.list_news li p .time{ height:30px; line-height:30px;}
/*****************************article***********************************/
.article_bt{ margin-bottom:30px; font-size:20px; line-height:24px; color:#333; text-align:center;}
.article_content img{ max-width:100%;}
.article_content{ font-size:16px; line-height:24px; color:#333;}
.article_page{ margin-top:30px;}
.article_page li{ height:30px; line-height:30px; font-size:14px;}
.article_page li a{ color:#014080;}
.article_page li a:hover{ text-decoration:underline;}
/*****************************about***********************************/
.about_contact img{ max-width:100%;}
.about_contact{ font-size:16px; line-height:24px; color:#333;}

.about_contact dl{ float:left; width:500px;}
.about_contact dl dt{ font-size:18px; line-height:50px; height:50px;}
.about_contact dl dd{ font-size:16px; line-height:30px;}
.about_contact>div{ float:right; width:400px;}
.about_contact>div img{ width:100%;}

.about_form{ width:100%; margin-top:30px;}
.about_form input{ float:left; display:block; width:450px; margin-right:20px; border:1px solid #ccc; height:40px; line-height:40px; padding:0 10px; box-sizing:border-box; margin-bottom:20px;}
.about_form input:nth-child(2n){ margin-right:0;}
.about_form textarea{padding:0 10px; box-sizing:border-box; margin-bottom:20px;display:block;border:1px solid #ccc; height:40px; width:100%; height:160px;line-height:40px;}
.about_form button{ background:#014080; height:30px; line-height:30px; padding:0 20px; color:#fff;}

/****************************英文修改*********************************/
.nav_en li dl dd{ height:0; line-height:1em;justify-content:center;align-items:center;display: -webkit-flex; font-size:12px;}
.nav_en li:hover dl dd{ height:40px; border-bottom:1px solid #ccc;}
.list_pro li .list_pro_b{ color:#333; font-size:16px; line-height:20px;justify-content:center;align-items:center;display: -webkit-flex; height:60px; text-align:center; overflow:hidden;}