﻿@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/*all*/
.top{height: 50px;display: flex;background: #f6f6f6;position: relative;}
.top .top_welcome{float: left;line-height: 50px;font-size: 12px;}
.top .top_language{float: right;line-height: 50px;display: none}
.top .top_language li{ float:left;}
.top .top_language li a{ font-weight:bold; color:#000; margin: 0 10px;}
/*.top .top_language span{}
.top .top_language span a{display: inline-block;font-weight: bold;color: #000;margin: 0 10px;}
.top .top_language span a img{padding-top: 16px;padding-right: 5px;}*/
.header_content{height: 160px;}
.logo{display: inline-block;max-width: 250px;height: 160px;float: left;}
.logo img{padding-top: 56px;}
.header_right{}
.header_right .header_tel{float: right;padding-top: 20px;width: 881px;height: 10px;}
.header_right .header_tel img{float: right;}

.i_nav{width: 750px;float: right;}
/*.nav ul li{float: left;text-align: center;width: 100px;height: 58px;border-radius: 5px;margin-left: 18px;margin-top: 20px;}
.nav ul li a{display: block;font-size: 20px;text-align: center;padding-top: 5px;color: #1f5687;}
.nav ul li a span{display: block;position: absolute;width: 103px;font-size: 10px;text-align: center;text-transform: uppercase;-webkit-transform: scale(0.8);transform: scale(0.8);}
.nav ul li:hover{background: #215689;}
.nav ul li:hover a{color: #fff;}
.nav ul .on{background: #215689;}
.nav ul .on a{color: #fff;}*/
/*all*/
/*首页开始*/
.i_content{padding-bottom: 30px;}
.i_banner_box{position:relative; width:100%; height:auto; overflow:hidden;}
.i_about{background: #ffffff; padding: 75px 0;}
.i_about_title a{font-size: 28px; line-height: 80px; color: #1e5484;}
.i_about_title a span{display: inline-block;font-size: 16px;color: #868686;margin-left: 12px;}
.i_about_txt{text-indent: 2em; font-size: 14px; line-height: 33px; color: #868686;}
.i_info{padding: 50px 0;}
.title{font-size: 28px; line-height: 42px; color: #1e5484;}
.title span{display: inline-block;font-size: 16px;color: #868686;margin-left: 12px;}
.title i a{display: none;float: right;width: 83px;height: 21px;background: url(../images/more.png) no-repeat;padding-right: 45px;margin-top: 15px;}
.i_video{width: 780px; float: left;}
.i_video ul li{float: left; padding-right: 28px;}
.i_video ul li dl dt{font-size: 16px; line-height: 24px; padding: 15px 0;}
.i_video ul li dl dt a{ display:block; width:346px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_information{float: left;width: 380px;}
.i_information_sort span a{display: inline-block; width: 75px; height: 20px; text-align: center; font-size: 15px; border-radius: 10px;}
.i_information_sort span a:hover,a.on{background: #1E5484;color: #fff;}
.i_information_sort{height: 28px; display: block; font-size: 18px; margin-top: 50px; margin-bottom: 10px;}
.i_information_list ul li a{font-style: 14px;line-height: 28px;color: #040000;overflow: hidden; display:block; width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;}
.i_information_list ul li a:hover{color: #1e5484;}
.i_information_list ul li span{display: inline-block;float: right; line-height: 28px;}
.i_pro{background: #ececeb; padding-top: 75px;}
.i_pro_title{text-align: center;margin-bottom: 50px;}
.i_pro_title span{display: inline-block;width: 186px;height: 64px;line-height: 64px;font-size: 25px;background: #1e5484;color: #fff;}
.i_pro_list ul li{float: left; width: 372px; margin: 0 9px;}
.i_pro_list ul li dl dt a img{width: 372px;height: 372px;}
.i_pro_list ul li dl dd span{font-size: 12px;line-height: 22px;color: #a1a1a1; height:44px; overflow:hidden; display:block;}
.i_pro_list ul li dl dd h4{text-align: center;font-size: 16px;line-height: 36px; display:block; width:372px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.page{margin: 50px 0;}
.page_list{height: 20px;text-align: center;margin: 20px 45%;}
.page_list ul{}
.page_list ul li{float: left;margin: 0 5px;}
.page_list ul li a{display: inline-block;width: 10px;height: 10px;border: 1px solid #ccc;border-radius: 10px;}
.page_list ul li a:hover,.page_sel a{background-color: #cccccc;}
.page_more{text-align: center; width: 140px; height: 35px; line-height: 35px; margin: 0 auto; border: 3px solid #e8e8e8; border-radius: 3px;}
.i_sample{}
.i_sample_title{text-align:center;margin: 80px 0; color: #1e5484; font-size: 28px; line-height: 42px;}
.i_sample_list{}
.i_sample_dll{position: relative;}
.uppage{ float:left; position:absolute; width: 50px;height: 150px;top: 240px; left: -35px;}
.nextpage{ float:right; position:absolute; width: 50px;height: 150px;top: 240px; right: -35px;}


.uppage:hover,.nextpage:hover{cursor:pointer;}
.i_sample_list ul li{float: left; width: 222px; margin: 0 35px;}
.i_sample_list ul li a img{border: 1px solid #ccc; width:220px; height:220px;}
.i_sample_list ul li span{display: inline-block;width: 100%;text-align: center;font-size: 16px;line-height: 36px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_pro_about{}
.i_pro_about ul li dl{height: 330px;padding: 30px 0;border-bottom: 1px solid #ccc;}
.i_pro_about ul li dl dt{float: left;}
.i_pro_about ul li dl dt img{ width:236px; height:273px;}
.i_pro_about ul li dl dd h4{font-size: 18px; line-height: 24px;}
.i_pro_about ul li dl dd{float: left;width: 885px;padding-left: 40px;}
.i_pro_about ul li dl dd span{font-size: 14px;line-height: 31px;color: #868686;max-height: 236px;overflow: hidden;}
.i_pro_about ul li dl dd i a{display: block;font-style: normal;width: 78px;height: 20px;background: #1e5484;color: #fff;text-align: center;border-radius: 5px;border: 1px solid #000;}
.i_pro_about ul li dl dd i a:hover{color: #e99400;}
.i_info{padding:60px 0;}
.i_info .i_news{float: left;width: 550px;}
.i_info .i_problems{float: right;width: 550px;}
.i_news dl,.i_problems_photo{margin-top:30px;}
.i_news dl dt{height: 170px;width: 100%;border-bottom: 1px solid #e0e0e0;}
.i_news dl dt dl dt{position: relative;float: left;width: 230px; height: 160px;}
.i_news dl dt dl dt a img{width: 230px; height: 160px;}
.i_news dl dt dl dt a span{position: absolute;display: none;left: 0;width: 66px;height: 66px;background: #1e5484;text-align: center;font-style: normal;color: #fff;}
.i_news dl dt dl dt a span i{display: block;font-style: normal;font-size: 26px;line-height: 45px;color: #fff;}
.i_news dl dt dl dd{float: right;width: 295px;font-size: 14px;line-height: 24px;color: #666666;overflow: hidden;border: 0;}
.i_news dl dt dl dd h5 a{font-size: 18px;line-height: 28px;color: #1e5484; display:block; width:294px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news>dl dd{padding:20px 0;border-bottom: 1px solid #e0e0e0;}

.i_news dl dt dl dd .infos{display: block;width: 294px;float: right;font-size: 14px;line-height: 24px;color: #666666; height:120px; overflow:hidden;}

.i_news dl dd .i_news_time{float: left;display: inline-block;width: 66px;height: 66px;background: #1e5484;text-align: center;font-style: normal;color: #fff;}
.i_news dl dd .i_news_time i{display: block;font-style: normal;font-size: 26px;line-height: 45px;color: #fff;}
.i_news dl dd h6{display: block;width: 450px;float: right;font-size: 18px;line-height: 28px;color: #333333;}
.i_news dl dd .infos{display: block;width: 450px;float: right;font-size: 14px;line-height: 28px;color: #666666; height:28px; overflow:hidden; }
.i_problems_photo img{max-height: 157px;}
.i_problems_list ul li dl{padding: 10px 0;}
.i_problems_list ul li dl dt{padding: 7px 0;overflow: hidden;font-size: 20px;color: #333333;}
.i_problems_list ul li dl dt span{ display:block; width:550px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_problems_list ul li dl dd span{ display:block; height:48px; overflow:hidden; }
.i_problems_list ul li dl dt span img,.i_problems_list ul li dl dd span img{float: left;padding-right: 25px;}
.i_problems_list ul li dl dd{height: 56px;overflow: hidden;font-size: 18px;}
.i_link{padding: 30px 0;border-top: 1px solid #e0e0e0;}
.i_link_title{font-size: 20px;color: #797979;}
.i_link_title span{display: inline-block;font-size: 16px;padding-left: 12px;color: #bababa;text-transform: uppercase;}
.i_link_list{padding: 30px 0;}
.i_link_list ul li{float: left;width: 185px;height: 80px;border: 1px solid #ccc;margin-right: 6px;}
.i_link_list ul li a img{ width:185px; height:80px;}
/*首页结束*/
/*footer*/
.footer{background: #1e5484;padding: 28px 0;}
.footer ul li{float: left;}
.footer ul li a{font-size: 14px;line-height: 28px;color: #fff;}
.footer ul li a:hover{color: #e99400;}
.footer ul li h5{font-size: 18px;line-height: 36px;color: #14a4ff;}
.footer_about{width: 200px;text-align: center;}
.footer_about ul li,.footer_pro ul li,.footer_copyright ul li{width: 200px;}
.footer_pro{width: 200px;text-align: center;}
.footer_wechat{width: 230px;height: 130px;text-align: center;border-left: 1px solid #5b82a5;border-right: 1px solid #5b82a5;}
.footer_wechat img{width: 94px;height: 94px;}
.footer_wechat span{display: block;color: #fff;}
.footer_contactus{margin-left: 70px;}
.footer_contactus dl{ color:#fff;}
.footer_contactus dl dt{font-size: 24px;color: #fff;}
.footer_contactus dl dd{font-size: 14px;line-height: 24px;color: #fff;}
.footer_contactus dl dt img{margin: 6px;}
.footer_copyright{text-align: center;font-size: 14px;line-height: 24px;color: #6895bf;border-top: 1px solid #5b82a5;padding-top: 10px;}
.jsq{text-align: center;font-size: 14px;line-height: 24px;color: #6895bf;}
/*footerend*/
/*内页*/

.p_banner_box{position:relative; width:100%; height:559px; overflow:hidden;}
.p_banner{float:left; display:inline;}
.p_main{padding: 38px 0;}
.p_left{float: left;width: 132px;}
.sidebar{background: #1e5484;text-align: center;border-radius: 7px;padding-bottom: 30px;}
/*.p_lastnav dl dt{font-size: 24px;width: 80%;color: #fff;margin: 0 auto;border-bottom: 4px solid #fff;line-height: 50px;}
.p_lastnav dl dd a{font-size: 20px;color: #ececec;line-height: 70px;}
.p_lastnav dl dd a:hover{color: #e99400;}
.p_lastnav dl dd a:before{content: "·";font-size: 20px;font-weight: bold;}*/
.p_content{float: right;width: 1038px;}
.p_position{height: 30px;border-bottom: 4px solid #1E5484; margin-top:20px; width:1038px; text-align:right; font-size:14px;}
.p_position h3{ float:left;  font-size:14px; padding-left:20px; display:none;}
.p_position_next{font-family: songti;line-height: 21px;}
.about_content{padding: 30px 0 30px 30px;}
.about_content b{font-size: 20px;line-height: 50px;}
.about_content p{font-size: 18px;line-height: 30px;color: #666666;}
/*内页 end*/

.nmdef_left{ float:left;}
.nmdef_right{ float:right;}
.i_banner_box img,.p_banner_box img{
    width: 100% !important;
    height: auto !important;
}