﻿@charset "utf-8";
@import url(dll.css);
@import url(module.css);
@import url(global.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner_scroll_style.css);
/* 首页部分开始 */
.mfbox{width:1200px; min-width:1200px; margin:0 auto;}
.header{height: 100px;}
.logo img {margin-top:20px}
.logo{float:left; overflow:hidden; display:inline-block;}
.i_nav_row{width:1200px;margin:0 auto;}
#smoothmenu1 ul ul{margin-top:1px}
.i_nav{height:51px;background:#015cb5;z-index: 1333;position: relative;}
.logo_right{float:right;line-height:51px;float: right;width: 240px;height: 100px;position: relative;background: url(/templates/Images/call.jpg) no-repeat left center;}
.logo_right span{position: relative;top: 40px;left: 68px;font-size:22px;/*font-family: Georgia;*/}
/*.i_nav li{float:left; display:inline-block;}
.i_nav li>a{display:block; padding: 0 30px; height:75px; color:#333333; line-height:75px; font-size:16px;}
.i_nav li>a:hover{ color:#e28b0f;}
.i_nav li>a.on{ color:#e28b0f;}
.i_nav li.hot{ background: url(../images/icon01.png) no-repeat right 20px;}*/

/*.i_banner ul{width:999999px; margin-left:calc(50% - 1680px);}
.i_banner li{float:left; width:1120px;}
.i_banner li a{ display:block; width:100%; opacity: 0.6;}
.i_banner li a.on{opacity: 1;}



.i_banner_r{position:absolute; width:1120px; left:calc(50% - 560px); top:0;}
.i_banner_r a{display:block; position: absolute; width:22px; height:450px;}
.i_banner_r a.rol01{left: -42px; background: url(../images/rol01.png) no-repeat center center;}
.i_banner_r a.ror01{right: -42px; background: url(../images/ror01.png) no-repeat center center;}*/
.aboutus .info img {
    float: none;
    width: auto;
    height: auto;
    margin-left: 0;
}
.footer_l-p{position:relative;float: right;font-size: 15px;color: wheat;top: 110px;left: 70px;}
.footer_I_left{color:wheat;font-size:15px;}
.footer_I_left p{padding-top:10px}

.aboutbg{background: #f6f6f6;/*box-shadow: 1px -3px 3px rgba(0, 0, 0, 0.3);*/}
.aboutus{ width:1200px; height:515px; margin:0px auto;padding-top:20px}
.aboutus .title{ font-size:26px; height:65px; color:#2b96e6; width:132px; line-height:50px; border-bottom:1px solid #00A3E7; text-transform:uppercase; margin:0px auto;text-align: center;}
.aboutus .title1{  font-size:14px; color:#2b96e6; text-transform:uppercase; z-index:99; position:relative;top:-9px; background:#F6F6F6; width:72px; height:10px; margin:0 auto;}
.aboutus .info{ float:right; width:618px; height:255px; margin-top:30px; text-align:left;margin-right: 20px;}
.aboutus .info p{  margin:0; line-height:32px; color:#333;}
.aboutus  .more{ position: absolute;
    bottom: 110px;
    left: 360px;}
.aboutus  .more a{ }
.aboutus img{ float:right; width:500px; height:309px;  margin-top:40px; margin-left: 20px;}
 

.i_container{padding:0 0 0 0}
.i_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.p_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}

.prevnext{font-size:14px}


.box01{width:100%; padding-bottom: 30px; background: #f2f2f2; text-align: center;}
.i_notice{ display: inline-block; padding-left: 25px; font-size: 14px; height:35px; line-height:35px; background: url(../images/icon02.png) no-repeat left center;}
.cpoyright{
    width: 100%;
    background-color: #000;
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    color: #959595;
}
.cpoyright a{
    color: #959595;
}
.c2 {
    width: 1192px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.c2 .c2a {
    width: 45%;
    align-items: center;
    display: flex;
    /*background: #e7e7e7;*/
	padding-top: 25px;
}   
.c2 .c2a img {
    width: 100%;
}
.c2 .c2b {
    width: 50%;
    /*background: url(/templates/Images/xinlai.jpg) no-repeat center;*/
    background-size: cover;
   /* padding-left: 5%;*/
    padding-top: 1vw;
}
.c2 .c2b dd {
    font-weight: 600;
    font-size: 3rem;
    color: rgba(1, 92, 181, 0.1);
    text-transform: uppercase;
}   
.c2 .c2b dt {
    font-size: 1.8rem;
    font-weight: bold;
    color: #015cb5;
    margin-top: -2vw;
}
.c2 .c2b dl {
    font-weight: 100;
    font-size: 1.2rem;
    color: #c8e4ff;
}
.c2 .c2b .cgjd li {
    background: #015cb5;
    width: 80%;
    /*padding: 4px 3px;*/
    margin-bottom: 1vw;
    border-radius: 50px;
	height:52px;
	line-height: 56px;
}
.c2 .c2b .cgjd li span {
    width: 50px;
    height: 50px;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    font-size: 32px;
    color: #015cb5;
    line-height: 46px;
  font-weight: 500;
  margin-left: 5px;
  /*margin-top: 3px;*/
}
.c2 .c2b .cgjd li i {
    display: inline-block;
    font-size: 1.1rem;
    color: #ffffff;
    font-style: normal;
    align-items: center;
    margin-left: 2%;
}




.news{ width:1200px; height:100%; margin:0px auto; text-align:left;margin: 40px auto;}
.news .title{ font-size:26px; height:60px; color:#333; width:132px; line-height:60px; border-bottom:1px solid #015cb5; text-transform:uppercase; margin:0px auto;text-align:center;font-weight: 600;}
.news .title1{  font-size:16px; color:#3e3e3e; text-transform:uppercase; z-index:99; position:relative;top:-9px; background:#FFF; width:240px; height:35px; margin:0 auto;text-align:center;}
 .hd{ height:35px; line-height:35px; position:relative; width:850px; margin:0 auto;top:0px;}
.news .hd{width:380px;}
 .hd ul{ float:left;  position:absolute; left:40px; top:-1px; height:35px;   }
.hd ul li{ float:left;cursor:pointer;  background:#eeeeee; /*border:1px solid #00A3E7; border-radius: 20px;*/color:#333; width:124px; height:35px; text-align:center; margin:0 15px}
.hd ul li.on{ height:35px;  background:#015cb5; border:1px solid #015cb5; color:#FFF;}
.bd ul{ padding:35px 0 0 ;  zoom:1;  }

.hd ul li a{color:#333f;display: block;}
.hd ul li:hover{background:#015cb5;}
.hd ul li a:hover{color: #fff;}

body{font-size:16px;}

 .right{ float:left;    width: 610px;height:auto;}
.right dl{ height:125px; width:100%; border-bottom:1px solid #E9E9E9; /*padding:5px 0 15px;   */ overflow: hidden;padding-top: 25px;padding-left: 10px;}
 .right dl dt{ float:left; width:60px;  height:60px; text-align:center;font-size: 14px;color: #333;}

.right dl dt:hover{ color:#015cb5}
.right dl:hover{  color:#015cb5;box-shadow: 0px 1px 10px 1px #ddd;}
 .right dl dt span{ font-family:Arial; font-size:30px;}

 .right dl dd{ float:left; margin-left:10px; width:530px;}
 .right dl dd h2{ margin:0; line-height:32px; text-align:left; font-size: 16px; height: 32px; overflow: hidden; font-weight: normal;}
.right dd div{font-size:14px;color:#AEAEAE;margin:0;line-height:20px}
 .right dl dd h2 a{ color:#333; font-size:16px;}
 .right dl dd h2 a:hover{ color:#015cb5;}
 .right dl dd p{ margin:0; line-height:20px; color:#888;font-size: 14px;}
 .right dl dd span{ color:#888;}

.left{ float:left;width: 560px; height:auto;}
.left dd div{color:#AEAEAE;font-size:14px;line-height:20px;margin:0px}
.left dd {display: flex;margin-top: 20px;}
.left dd .date {
    max-width: 100px;
    font-size: 16px;
    color: #333;
    text-align: center;
}

.news_title span{ color:#888}
.left dd .date span{
    font-size: 22px;
    color: #333;
    /*font-weight: bold;*/
    display: block;
	width:72px;
	line-height:36px;
  font-family: Arial;
    font-size: 30px;
}
.left dd .news_title{
    margin-left: 10px;
}
.left,.right{margin:50px 0 0 0;}

 .left dl{ float:left; width: 530px; margin-right:20px;}
 .left dl dt{ 
  	    width: 100%;
    height: auto;
  position: relative;}
 .left dl dt img{ 
	   /* width: 100%;
    height: auto;*/
	
	width: 502px;
    height: 286px;
}
 .left dl dt .date{ position:absolute;left:0; top:0; width:55px; height:54px; background:#F28C00;  color:#FFF; text-align:center; font-size: 12px;}
 .left dl dt .date span{ font-family:Arial; font-size:30px;}
 .left dl dd h2{ margin:0; line-height:32px; text-align:left; font-size: 16px; overflow: hidden; height: 32px;font-weight: normal;}
 .left dl dd h2 a{ color:#015cb5;}
 .left dl dd p{ margin:0; line-height:20px; color:#888; font-size: 14px;}


.i_pro01{width:1140px; margin: 0 auto;}
.i_pro01 li{float:left; display: inline-block; width:265px; margin:0 10px; border-top:1px solid #eeeeee;}
.i_pro01 li a{display: block; position: relative; width: 265px; height: 170px; overflow: hidden;}
.i_pro01 li a span{ display: block; position: absolute; bottom:0; left: 0; width: 265px; height: 40px; line-height: 40px; text-align: center; color: #FFF; background: rgba(0,0,0,0.6); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_pro01 li a:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_pro01 li a:hover span{color:#e28b0f;}

.box01_l{float:left; margin-top: 35px; width:370px; height:446px; padding: 15px 25px 0; background: #FFF;}
.box01_r{float:right; margin-top: 35px; width:727px; height:446px; background: #FFF;}

.gbook_indexpost{width: 70%;margin: 0 auto;padding-top: 20px;}
.gbook_indexpost label{
    display: flex;
    width: 100%;
    margin-bottom: 20px;
}
.gbook_indexpost label span{
    width: 15%;
    text-align: right;
}
.gbook_indexpost label input,.gbook_indexpost label textarea{
    width: 85%;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 5px;
}
.gbook_indexpost label input{
    line-height: 35px;
}
.gbook_formbtn{width: 100%;display: flex;padding-left: 140px;}
.gbook_formbtn input{
    width: 150px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #337AB7;
    border-radius: 5px;
    margin-right: 20px;
}
.gbook_formbtn input[type="reset"]{
    background: #D9534F;
    margin-right: 0px;
}
.gbook_formbtn input[type="button"]{display: none;}


.i_news01{width:100%; background: #f6f6f6; border-radius:0 0 4px 4px;}
.i_news01_c{ margin:10px 20px 0px 20px; height: 156px; text-align: left;}
.i_news01_c li{ width:280px;}
.i_news01_t{height:58px; line-height: 58px; text-align: center;}
.i_news01_t strong{font-size:58px; color:#e28b0f;}
.i_news01_c h4{display: block; margin-top: 5px; line-height: 25px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news01_c span{display: block; height:40px; line-height: 20px; overflow: hidden;}

.mline{height:30px; background: url(../images/icon03.jpg) repeat-x left center;}

.i_jiuye{width:320px;}
.i_jiuye dl{float:left;}
.i_jiuye dl:nth-child(1){width:84px;}
.i_jiuye dl:nth-child(2){width:109px; margin-left: 2px;}
.i_jiuye dl:nth-child(3){width:123px; margin-left: 2px;}
.i_jiuye dl dt{height:40px; line-height: 40px; margin-bottom: 1px; background: #e28b0f; font-size:16px; color:#FFF;}
.i_jiuye dl:nth-child(1) dt{border-radius: 4px 0 0 0;}
.i_jiuye dl:nth-child(3) dt{border-radius: 0 4px 0 0;}
.i_jiuye dl dd{height:35px; line-height: 35px; margin-top: 1px; background: #f6f6f6; font-size:14px; color:#666;}
.i_jiuye dl dd:nth-child(2n+2){ background: #f0f0f0;}
.i_jiuye dl:nth-child(1) dd{height:143px; padding:50px 20px 0; line-height: 20px; letter-spacing: 3px; background: #e28b0f; color:#FFF; font-size:18px;}

.i_news02{width:727px;}
.i_news02_l{margin:5px 30px 0 20px;}

.i_news02_l li{ width:677px;}
.i_news02_l dl{heigth:100px; margin-top:20px; overflow: hidden;}
.i_news02_l dl dt{float:left; width:180px; height:100px; overflow: hidden;}
.i_news02_l dl dt a:hover img{ -webkit-transform:scale(); -moz-transform:scale(); transform:scale();}
.i_news02_l dl dd{float:right; width:475px; text-align: left;}
.i_news02_l dl dd h3{display:block; height:30px; line-height:20px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news02_l dl dd span{display: block; margin-top: 5px; height: 60px; line-height: 20px; overflow: hidden; color: #888888;}

.i_pro02{width:100%; padding:0;}
.i_pro02_l{margin:30px auto 0;width:1200px; height: 650px; overflow: hidden;}
.i_pro02_l li{float:left; width:280px; height:270px; overflow: hidden; overflow:hidden;margin: 10px 20px 10px 0;text-align:center;line-height:60px;}

.i_pro02 .title{ font-size:26px; height:65px; color:#333; width:132px; line-height:50px; border-bottom:1px solid #00A3E7; text-transform:uppercase; margin:0px auto;text-align: center;margin-top:40px; font-weight:600;}
.i_pro02 .title1{  font-size:16px; color:#3e3e3e; text-transform:uppercase; z-index:99; position:relative;top:-9px; background:#FFF;     width: 375px; height:10px; margin:0 auto;margin-bottom: 20px;}
.aboutus .title1{width:72px;}

.i_pro02_l li img{width:280px;height:230px;transition: all .5s;}
.i_pro02_l li img:hover{transform: scale(1.1);opacity:0.8;}

.i_pro02_l li p:hover{ color:#015cb5;}

.i_kc{width:100%; padding:30px 0 40px; background: #f2f2f2;}
.i_kc_l{width:1120px; margin:0 auto;}
.i_kc_l ul{float:left; margin-left:5px; width:331px;}
.i_kc_l ul li{width:331px; position: relative;}
.i_kc_l ul li i{display: block; overflow: hidden;}
.i_kc_l ul li a:hover i img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_kc_l ul li dl{display: none; position:absolute; width:331px; left: 0; top: 0; overflow: hidden; z-index:2;}
.i_kc_l ul li dl dt{color:#FFF; font-size:32px; width:150px; margin:0 auto; text-align: center;}
.i_kc_l ul li dl dd{width:125px; height:40px; margin: 40px auto 0; line-height: 40px; text-align: center; font-size:14px; color: #666666; border-radius:20px; background: #FFF;}
.i_kc_l ul:nth-child(1){margin-left:0;}
.i_kc_l ul:nth-child(1) li:nth-child(1){height:245px; overflow:hidden;}
.i_kc_l ul:nth-child(1) li:nth-child(1) a:hover dl{display:block; padding-top:40px; height:245px; background: rgba(123,140,232,.7);}
.i_kc_l ul:nth-child(1) li:nth-child(2){height:311px; margin-top:4px; overflow:hidden;}
.i_kc_l ul:nth-child(1) li:nth-child(2) a:hover dl{display:block; padding-top:60px; height:311px; background: rgba(233,72,54,.9);}

.i_kc_l ul:nth-child(2) li:nth-child(1){height:383px; overflow:hidden;}
.i_kc_l ul:nth-child(2) li:nth-child(1) a:hover dl{display:block; padding-top:100px; height:383px; background: rgba(108,207,113,.9);}
.i_kc_l ul:nth-child(2) li:nth-child(2){height:172px; margin-top:5px; overflow:hidden;}
.i_kc_l ul:nth-child(2) li:nth-child(2) a:hover dl{display:block; padding-top:20px; height:172px; background: rgba(108,207,113,.9);}
.i_kc_l ul:nth-child(2) li:nth-child(2) a:hover dl dd{margin-top:10px;}

.i_kc_l ul:nth-child(3){ width:447px;}
.i_kc_l ul:nth-child(3) li{ width:447px;}
.i_kc_l ul:nth-child(3) li dl{ width:447px;}
.i_kc_l ul:nth-child(3) li:nth-child(1){height:245px; overflow:hidden;}
.i_kc_l ul:nth-child(3) li:nth-child(1) a:hover dl{display:block; padding-top:40px; height:245px; background: rgba(249,209,23,.9);}
.i_kc_l ul:nth-child(3) li:nth-child(2){height:311px; margin-top:4px; overflow:hidden;}
.i_kc_l ul:nth-child(3) li:nth-child(2) a:hover dl{display:block; padding-top:60px; height:311px; background: rgba(249,209,23,.9);}

.i_company{width:100%; padding:50px 0;}
.i_company_l{margin: 0 auto;width: 1200px;overflow: hidden;position: relative;padding-bottom: 30px;}
.i_company_l li{float:left; display: inline-block; width:120px;overflow: hidden;}


.footer{    width: 100%;
    border-top: 8px solid #015cb5;
    background: #171717;
    padding-top: 2vw;}
.footer_l{float:right;display: inline-block;text-align: center;}
.footer_nav{font-size: 14px; margin-top:10px; line-height: 30px; color:#bbbbbb}
.footer_nav a{color:#bbbbbb;}
.footer_nav span{padding:0 5px;}
.footer_nav a:hover{color:#e28b0f;}

.footer_r{width:760px; margin-top:5px;display: inline;}
.fbtn{float:right;}
.fbtn a{display: inline-block; float: left; margin-left: 10px; width: 114px; height: 35px; font-size: 16px; color: #FFF; line-height: 35px; text-align: center; background: #666666;}
.fbtn a:hover{ background: #e28b0f;}
.fbtn a.on{ background: #e28b0f;}

 #com_copyright{float:left;font-size:14px; line-height:28px;color: #FFF;padding:15px 0;}

.copyright{float: right; margin-top:10px; line-height: 30px; color: #bbbbbb; font-size: 14px;}

.p_text{font-size:14px;margin:20px 10px 20px 0;text-indent: 2em;line-height: 24px;color: #868686;}
.item{float: left;text-align: center;width: 205px;margin: 10px 0 0 0;margin-left: 16px;
  }
.p_right .item a{font-size:14px}

.ny{height: 350px;background: url(/images/ny.jpg) no-repeat top center;overflow: hidden;width: 100%;}

.sidebar .title{ width:254px; height:71px; background:#1183d9; font-size:26px; color:#FFF; padding-top:12px; text-align: center;}
.sidebar .title span{ display:block; font-size:16px;}

.ddsmoothmenu .navactive{background:rgba(0, 112, 221, 0.5);}

.casebg{ width:1200px; height:450px; margin:25px auto 0; overflow:hidden; }
.casebg .title{font-size: 26px;height: 50px;color: #333;width: 132px;border-bottom: 1px solid #00A3E7;text-transform: uppercase;margin: 50px auto;text-align: center;font-weight: 600;}
.casebg .title1{ font-size: 16px;color: #3e3e3e;text-transform: uppercase;z-index: 99;position: relative;background: #FFF;width: 240px;height: 10px;margin: 0 auto;text-align: center;top: -55px;}
.casebg .case{ padding-top:20px; height:auto; overflow:hidden;}
.casebg td{ margin-left:10px;}
.i_news_03  img{width: 238px;/*height: 220px;*/margin-bottom: 15px;border:1px solid #d1d1d1;}
.i_news_03 a{display: block;margin: 0 10px;width: 238px;text-align:center;}
#i_p_outer{overflow: hidden;margin:0 auto;}
.i_news_03 img:hover{ border:1px solid #015cb5; color:#015cb5;}

.flogo img {padding:20px 0 0 0;}
/* 首页部分结束 */

/* 内页部分开始 */
.p_container{width:1200px;margin:30px auto;}


.sidebar{width:100%; text-align: center;}
/*.sidebar a{ display:inline-block; width:135px; height: 40px; margin:0 5px; font-size:16px; line-height: 38px; border:1px solid #e5e5e5; border-radius:3px; color: #333333; background: #FFF;}
.sidebar a:hover{border:1px solid #e28b0f;  background: #e28b0f; color: #FFF;}*/

.p_pro{width:1120px; margin:30px auto 0; font-size:14px;}
/*.p_pro li{float:left; margin-right:10px; margin-bottom: 10px; display: inline-block;}*/


/* 内页部分结束 */


.nmdefont{ margin:0 auto; width:1120px;}


.xypg-news-list li{
    border: 1px solid #e1e1e1;
    padding: 30px;
    background: #fff;
    margin-bottom: 35px;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.xypg-news-list li .tit {
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 15px;
    position: relative;
}
.xypg-news-list li .tit h3 {
    padding-bottom: 15px;
    font-size: 18px;
    color: #565656;
    font-weight: normal;
    padding-right: 25%;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.xypg-news-list li .tit .date {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #666666;
}
.xypg-news-list li .info {
    font-size: 14px;
    line-height: 2;
    color: #999999;
}
.xypg-news-list li .more {
    margin-top: 15px;
}
.xypg-news-list li .more span {
    display: inline-block;
    width: 130px;
    line-height: 33px;
    text-align: center;
    color: #000;
    font-size: 14px;
    color: #666666;
    border: 1px solid #e1e1e1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.xypg-news-list li:hover {
    -webkit-box-shadow: 0px 2px 13px 1px rgb(8 1 3 / 18%);
    box-shadow: 0px 2px 13px 1px rgb(8 1 3 / 18%);
}   
.xypg-news-list li:hover .tit h3 {
    color: #077ee3;
}
.xypg-news-list li:hover .more span {
    color: #fff;
    background-color: #077ee3;
}
.footbj {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footbj .foota {
    width: 66%;
}
.footbj .foota .footnav {
    font-size: 16px;
    color: #414141;
}
.footbj .foota .footnav a {
    font-size: 16px;
    color: #ffffff;
    margin: 0 4%;
}
.footbj .foota .footnav a:first-child {
    margin-left: 0;
}
.ftt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 3vw;
}

.fta{ border-right: 1px solid #5d5d5d;}

.ftt .ftb {
    width: 35%;
    height: 48px;
    /*border-left: 1px solid #5d5d5d;*/
    border-right: 1px solid #5d5d5d;
    padding-left: 8%;
    font-size: 14px;
    color: #999999;
	background: url(/templates/Images/call-bg.png) no-repeat left center;
}
.ftt .ftb dd {
    line-height: 24px;
}
.ftt .ftb dt {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.ftt .ftc {
    font-size: 14px;
    color: #999999;
    text-align: left;
    width: 36%;
	background: url(/templates/Images/add-bg.png) no-repeat left center;
	padding-left: 8%;
}
.footb {
    text-align: center;
    font-size: 14px;
    color: #999999;
    line-height: 50px;
}
.footb img {
    max-width: 100%;
}