@charset "utf-8";

@import url(dll.css);

@import url(global.css);

@import url(module.css);

@import url(onlineeditor.css);

@import url(ddsmoothmenu.css);

@import url(animate.css);

@import url(banner.css);

/* 首页部分开始 */

.mfbox{width:1200px; min-width:1200px; margin:0 auto;}

.header{ position:fixed; width:100%; height:120px; z-index:9999;}

.header_bg{position:absolute; width:100%; height:120px; /*background:url(../images/header_bg.jpg) no-repeat center top;*/ background-color: #fff; /*opacity:0.8;*/ z-index:-1;}

.logo{float:left; overflow:hidden;padding-top: 10px;/* padding-right:20px;*/}



.i_nav{float:left; margin-top:28px; position:relative;}

/*.i_nav li{float:left; text-align:center; height:66px; padding:0 7px;}

.i_nav li>a{display:block; color:#000; line-height:66px; font-size:18px; font-weight:600; padding:0 17px;}

.i_nav li>a:hover{ color:#005dac; border-bottom:2px solid #005dac;}

.i_nav li>a.on{ color:#005dac; border-bottom:2px solid #005dac;}*/



.lan{float:right; margin-top:28px; line-height:66px; font-size:18px; color:#000; font-weight:600; padding-left:17px;}

.lan li{ float:left;}

.lan a{color:#000; padding:0 5px;}

.lan a:hover{ color:#005dac;}



.search{float:right; margin-top:28px; line-height:66px; display:none;}

.search a{ display:block; padding-left:25px; font-size:16px; background:url(../images/search.png) no-repeat left center;}



.i_banner_box{float:right; position:relative; width:100%; height:506px;top:120px; overflow:hidden;}

.i_banner{ float:left; display:inline;}

/*.i_banner li{width:100%; height:700px;}

.i_banner li a{ display:block; width:100%; height:700px;}

.i_banner_p{position:absolute; width:100%; left:0; bottom:10px; text-align:center;}

.i_banner_p a{display:inline-block; margin:0 3px; width:10px; height:10px; text-align:center; overflow:hidden; background:rgba(255,255,255,.3);}

.i_banner_p a:hover{ background:rgba(255, 255, 255,.6);}

.i_banner_p a.on{ background:rgba(255, 255, 255,.6);}*/



.i_container{margin:0 auto;}

.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;}



.i_txt01{width:100%; height:40px; line-height:40px; font-size:16px; color:#000; text-align:center;}



.i_solution{width:100%; background:#f5f5f5; padding:25px 0 0;}

.i_solution_l{width:1208px; margin:25px auto 0;}

.i_solution_l dl{float:left; width:292px; /*height:450px;*/ margin:0 5px 10px; overflow:hidden; background:#FFF;}

.i_solution_l dl dt{width:100%; height:190px; overflow:hidden;}

.i_solution_l dl dt ins{ display:block; width:100%; height:190px;}

.i_solution_l dl dd{width:100%; /*height:260px;*/ padding:10px; color:#000; transition:color 0.1s;}

.i_solution_l dl dd strong{ display:block; height:60px; line-height:60px; text-align:center; font-size:20px;}

.i_solution_l dl dd span{ display:block; height:180px; line-height:30px; text-indent:30px; }

.i_solution_l dl a:hover dt ins{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}

.i_solution_l dl a:hover dd{ background:#0073d5; color:#FFF;}



.i_pro{width:100%; padding:145px 0 10px;}

.i_pro_l{width:1200px; margin:25px auto 0; overflow:hidden;}

.i_pro_l dl{float:left; width:600px; height:265px; overflow:hidden; background:#e5e5e5;}

.i_pro_l dl dt{float:left; width:300px; height:265px; overflow:hidden;}

.i_pro_l dl dt img{width:300px; height:265px;}



.i_pro_l dl dd{float:left; position:relative; width:300px; height:265px; color:#0569be; transition:color 0.1s;}

.i_pro_l dl dd ins{ position:absolute; top:102px; left:-60px; width:60px; height:60px; border-width:30px; border-style:solid; border-color:transparent #e5e5e5 transparent transparent;}

.i_pro_l dl dd strong{ display:block; height:100px; line-height:100px; text-align:center; font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_pro_l dl dd span{ display:block; width:90%; height:150px; margin:0 auto; line-height:30px; text-indent:30px; font-size:16px; overflow:hidden;}



.i_pro_l dl:nth-child(n+3) dt{float:right;}

.i_pro_l dl:nth-child(n+3) dd ins{left:300px; border-color:transparent transparent transparent #e5e5e5;}



.i_pro_l dl a:hover dt img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}

.i_pro_l dl a:hover dd{ background:#0073d5; color:#FFF;}

.i_pro_l dl a:hover dd ins{border-color:transparent #0073d5 transparent transparent;}

.i_pro_l dl:nth-child(n+3) a:hover dd ins{border-color:transparent transparent transparent #0073d5;}



.i_ys{width:100%; padding:25px 0 0;}

.i_ys_l{width:800px; margin:0px auto 0; padding:20px 0; overflow:hidden;height: 200px;overflow: hidden;}

.i_ys_l li{float:left; width:300px; text-align:center;}

.i_ys_l li strong{ display:block; font-size:60px; color:#005dac; font-weight:normal;}

.i_ys_l li strong ins{ text-decoration:none;}

.i_ys_l li span{ display:block; font-size:16px;}



.i_news{width:100%; background:#f5f5f5; padding:50px 0 0;}

.i_news_l{width:1212px; margin:25px auto 0;}

.i_news_l dl{float:left; width:390px; height:510px; margin:0 7px; overflow:hidden; background:#FFF;}

.i_news_l dl dt{width:100%; height:220px; position:relative; overflow:hidden;}

.i_news_l dl dt ins{ display:block; width:100%; height:220px; background-repeat:no-repeat; background-position:center top; background-size:100% auto;}

.i_news_l dl dd{width:100%; height:290px; padding:0 25px; color:#0073d5; transition:color 0.1s;}

.i_news_l dl dd strong{ display:block; padding:15px 0; line-height:26px; text-align:center; font-size:20px;}

.i_news_l dl dd span{ display:block; padding:10px 0; line-height:30px; text-indent:30px; }

.i_news_l dl dd ins{ display:block; padding:10px 0; line-height:30px; text-decoration:none;}



.i_news_l dl dt ul{width:100%; height:22px; position:absolute; left:0; bottom:0; z-index:10;}

.i_news_l dl dt ul li{float:left; display:inline-block; width:calc((100% - 60px)/2); height:22px; background:#FFF; transition:color 0.1s;}

.i_news_l dl dt ul span{float:left; display:inline-block; width:60px; height:22px; border-width:22px 30px; border-style:solid; border-color:transparent #FFF transparent #FFF; transition:color 0.1s;}



.i_news_l dl a:hover dt ins{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}

.i_news_l dl a:hover dd{ background:#0073d5; color:#FFF;}

.i_news_l dl a:hover dt ul li{background:#0073d5;}

.i_news_l dl a:hover dt ul span{border-color:transparent #0073d5 transparent #0073d5;}







.footer{width:100%; padding:30px 0; color:#FFF; background:#0073d5;}

.flogo{float:left; padding:10px 40px 10px 0;}

.fcenter{float:left; margin-top:20px; padding-left:40px; border-left:1px solid #FFF;}



.ewm{float:right;}

.ewm img{width:100px; height:100px;}



.footer_nav{float:left; line-height:30px;}

.footer_nav span{ padding:0 10px;}

.footer_nav a{ color:#FFF;}

.footer_nav a:hover{ color:#FFF; text-decoration:underline;}



.copyright{ line-height:30px;}





/* 首页部分结束 */



/* 内页部分开始 */

.p_container{width:1200px; margin:0 auto; padding:130px 0 80px;}



.p_box{margin-top:40px; height:46px; border-bottom:1px solid #c9c9c9;}



.p_nav{float:left; width:24px; height:20px; margin-right:15px;}

.p_nav a{ display:block; width:24px; height:20px; background:url(../images/menu.png) no-repeat center center;}

.p_nav a:hover{ background:url(../images/menu2.png) no-repeat center center;}



.path{float:right; font-size:16px; color:#005dac;}

.path a{ color:#005dac;}

.path a:hover{ color:#005dac; text-decoration:underline;}

.path span{ padding:0 7px;}



.p_content{ padding:20px 0; line-height:30px; color:#000; font-size:16px;}







/* 内页部分结束 */

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