﻿@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.css);
/* 首页部分开始 */
strong{
	
    font-weight: bold !important;

}
.mfbox,.intro,.i_news{width:1200px; margin:0 auto;}
.intro{
	    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header{height: 75px;}
.logo{float:left; overflow:hidden; display:inline-block;margin-top: 10px;}

.i_nav{float:right; height:75px;} 

.i_banner_box{position:relative; width:100%; z-index:11;}
.i_banner{width:100%; margin:0 auto; overflow:hidden;}
.selected::after,.nava:hover::after, .navactive:hover::after{
    content: "";
    display: block;
    width: 130px;
    height: 4px;
    background-color: #243a8e;
    position: absolute;
    bottom:  0;
    left: calc(50% - 65px);}
 
.productT{text-align: center;margin-top: 80px;}
.productM{margin: 60px 0 80px;}
.productT p::after{content: ''; position: absolute; width: 100px; height: 3px;background-color:#243a8e;top: 40px;left: 46%;}
.productT span{font-size: 26px;font-weight: bold; line-height: 24px;letter-spacing: 2px;color: #243a8e;}
.productT p{font-size: 14px;line-height: 24px;letter-spacing: 3px;color: #243a8e;position: relative;}

.i_pro_l {
	width: 1200px;
	margin: 60px auto 0;
}

.i_pro_l ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.i_pro_l ul li{
	width: calc(100% / 4 - 10px);
}
.i_pro_l ul li .item_img,.i_pro_l ul li .item_img img{
	width: 100%;
}
.i_pro_l ul li .item_wrapper{
	background-color: #e6e6e6;
    line-height: 50px;
    text-align: center;
    color: #243a8e;
    font-size: 16px;
}

.i_intro{background-image: url(/templates/Images/introduct.jpg);height: 552px;}
.intro h3{font-size: 26px;font-weight: bold; line-height: 24px;letter-spacing: 2px;color: #fff;}
.intro span{font-size: 14px;line-height: 24px;letter-spacing: 3px;color: #fff;}
.intro p{font-size: 20px;color: #fff;margin: 35px 0;}
.introL{
	margin-top: 80px;
    width: 48%;
}
.introR{
	width: 50%;
    margin-top: 80px;
    position: relative;
    z-index: 99;
}
.introR img{
	    width: 100%;
}
.clear{clear: both;}
.intro_title{width: 640px;height: 227px;position: relative;z-index: 100;}
.intro_title p{font-size: 16px;line-height: 28px;color: #fff;padding: 30px 32px 70px 16px;}
span.CK{color: #fff;font-size: 16px;}
.intro_title a{
	    position: absolute;
    right: 30px;
    bottom: 20px;
}
.intro_title p *{
	color:#fff !important;
}

.i_newsB{margin: 60px 0 80px 0;}
.news{display: block;width: 570px;margin-right: 30px;float: left; padding-top: 30px;}
.newsT{height: 35px;border-bottom: #243a8e 2px solid;}
.newsL{float: left;}
.newsR{float: right;}
.newsR a{display: inline-block;color: #666;font-size: 14px;margin-top: 5px;}
span.chi{font-size: 20px;color: #243a8e;}
span.eng{font-size: 12px;color: #666;}
.newsB{padding: 20px 0;}
.one img{width: 160px;height: 90px;float: left;}
.one_title{width: 390px;float: left;margin-left: 10px;}
.one h3{padding: 5px 0;}
.one a{font-size: 16px;color: #333;} 
.one span{font-size: 14px;line-height: 21px;color: #808080;}
.two ul li{padding: 8px 0;}
.two ul li a{font-size: 14px;color: #333;}
.two span{float: right;font-size: 14px;color: #808080;}
.two{padding-top: 20px;}
.circle{display: inline-block;width: 6px;height: 6px;background-color: #243a8e;border-radius: 100px;margin-right: 6px;}

.footer{background-color: #ebebeb;}
.footer_l{float: left;margin: 10px 0;}
.footer_l .logo{margin-top: 0;}
.footer_r{float: right;text-align: center;margin-top: 28px;}
.footer_nav ul li{float: left;width: 140px;border-right: #bfbfbf 1px solid;}
.footer_nav ul li:nth-child(5){border-right:none;}
.footer_nav ul li a{font-size: 16px;line-height: 24px;color: #333;}
.copyright{text-align: center;border-top: #bfbfbf 1px solid;}
.copyright p{padding: 10px 0;}
/* 首页部分结束 */

/* 内页部分开始 */
.p_container{width: 1200px;margin: 0 auto;}
.agentL{float: left;width: 250px; margin-right:50px;position: relative;top: -30px;}
.agentR{float: left;width: 900px;margin-top: 40px;}
.sidebar{width:100%; text-align: center;} 
.p_box1{background-image: url(/templates/Images/ban.jpg);height: 100px;} 
	.p_box1 span{font-size: 26px;line-height: 50px;letter-spacing: 2px;color: #fff;}
	.p_box1 p{font-size:14px;color: #fff;opacity: 0.5;}
.box1L {width: 4px;height: 40px;background-color: #fff;float: left;margin: 35px 15px 0 15px;}
.box1R{float: left;margin-top: 15px;}
.p_box3 span{font-size: 22px;letter-spacing: 2px;color: #243a8e;}
	.p_box3 p{font-size:14px;color: #243a8e;opacity: 0.5;}
.box3L {font-family: SimSun;font-size: 25px;font-weight: bold;letter-spacing: 5px;color: #243a8e;float: left;margin-top: 25px;}
.box3R{float: left;margin-top: 15px;}
.sortnavul{border: solid 1px #d9d9d9;}
.i_contact{margin: 30px 0;}
.p_box2{width: 250px;height: 160px;background-color: #ffffff;border: solid 1px #d9d9d9;font-size: 16px;color: #333;padding: 20px;}
.p_box2 img{margin-right: 8px;margin-bottom: 3px;}
.p_box2 p{margin: 10px 24px 20px;}
.waterfall{text-align: center;}
.waterfall p{padding: 10px 0 30px;font-size: 16px;color: #666;}
.sc_title{margin-top: 45px;font-size: 16px;color: #333;line-height: 24px;}
span.p_pro_title{font-size: 20px;line-height: 24px;color: #243a8e;}
.p_proT{border-bottom: #243a8e 2px solid;height: 35px;margin-bottom: 40px;}
.zz p{font-size: 16px;color: #333;line-height: 40px;}
.zz h3{font-size: 20px;color: #243a8e;line-height: 50px;margin-left: -30px;}
.zz_title p::before{content: "";
          display: block;
          position: absolute;
          transform: translate(-25px,22px);
          width: 6px;
          height: 6px;
          border-radius: 100%;
          background-color: #243a8e;
}
.zz{height: 258px;margin-bottom: 40px;border-bottom: rgba(136, 136, 136, 0.2) 1px solid;}
.zz img{float: left;}
.zz_title{float: left;margin-left: 60px;}
.Npic1 img{width: 24px;position: relative;top: -20px;left: 870px;}

.ck{width: 140px; height: 36px;border: solid 1px #243a8e;border-radius: 3px;text-align: center;display: inline-block;float: right;}
.ck a{font-size: 16px;font-weight: bold;color: #243a8e;line-height: 36px;}
/*.ck a:visited .ck{background-color: #243a8e}*/
/*.ck a:link{color: #243a8e;background-color: #fff;}
.ck a:visited{color: #FFF;background-color: #243a8e;}*/
.xq{display: none;border-bottom: #243a8e 2px solid;}
.zhaopin span{font-size: 20px;font-weight: bold;color: #333;padding-left: 25px;display: inline-block;}
.zhaopin span::before{content: "";
          display: block;
          position: absolute;
          transform: translate(-20px,10px);
          width: 8px;
          height: 8px;
          border-radius: 100%;
          background-color: #243a8e;}
.zhaopin{border-bottom: rgba(136, 136, 136, 0.2) 1px solid;margin: 40px 0;}  
#zp{margin-top: 0;}
.zp_list{margin: 35px 0 40px 0;}
.zp_list ul li{float: left;width: 175px;font-size: 16px;color: #333;margin-left: 58px;}
.zp_list ul li:first-child{margin-left: 25px;}
.xq{padding-bottom: 45px;}
.xq span{font-size: 18px;font-weight: bold;line-height: 36px;color: #333;}
.xq p{font-size: 16px;line-height: 36px;color: #333;}

span.wm{font-size: 22px;}
.lianxiL{float: left;margin-top: 110px;}
.lianxiR{float: right;margin-top: 90px;}
#lx{border: none;height: auto;}
#lx img{margin-right: 20px;margin-bottom: 3px;}
#lx p{margin: 10px 0 20px 37px;}
.sortnavul li:hover:after{border: 1.45px solid #fff;border-bottom: none;border-left: none;}
/* 内页部分结束 */

/*响应式*/
.navbar-toggle {
    background: rgba(0, 0, 0, 0) url("/templates/Images/icon0x.png") no-repeat scroll right top;
    border: 0 none;
    border-radius: 0;
    height: 65px;
    float: right; 
    width: 65px;
    margin-top: 14px; 
    top: 0;
    right: 0;
    display: none;
}
@media screen and (min-width: 1920px){
  a.yang{left: 1400px;}
}
@media screen and (max-width: 1024px){
	.mfbox,.i_pro_l,.intro,.i_news,.n_n_list dl dd{width: 100%;}
	.i_pro_l ul li{width: 240px;margin-right: 5px;margin-left: 10px;}
	.intro_title{width: 600px;}
	.introR{width: 420px;}
	.news{width: 500px;padding-left: 10px;margin-right: 0;}
	.agentR{width: 700px;}
	.n_n_list dl dd a{width: 638px;}
	.lianxiR{width: 730px;}
	a.yang{left: 930px;}
}
@media screen and (max-width: 768px){
	.i_nav {
    background-color: #243a8e;
    border-radius: 0 0 5px 5px;
    display: none;
    height: auto;
    position: absolute;
    right: 0px;
    top: 80px;
    width: 170px;
    z-index: 1000;

} 
.navbar-toggle {
    display: block;
}
.nava{color: #fff;}
.selected, .navactive,.nava{padding: 0 20px;}
.i_pro_l{width: 612px;}
.introR{display: none;}
.introL{padding: 0 20px;}
.news{padding: 0 30px;}
a.yang{top: -450px;left: 465px;}
.mfbox,.intro,.introL,.intro_title,.i_news,.news,.p_container,.agentL,.agentR{width: 100%;}
.i_contact,.p_box1{display: none;}
.agentL{top: 0;}
.agentR{padding: 0 15px;}
.lianxiR{width: 500px;}
.sort_l{width: 550px;}
}
@media screen and (max-width: 480px){
	.sortnavul li::after{display: none;}
	.n_n_list dl dd,.n_n_list dl dd>div{width: 100%;}
	.sortnavul li a{width: auto;padding-left: 0;}
	.sort_l{width: 350px;}
	.i_pro_l{width: 425px;}
	.i_pro_l ul li{width: 190px;margin-right: 3px;margin-left: 17px;}
	.intro_title{height: auto;}
	span.CK{top: -60px;left: 35px;}
	.intro_title p{padding: 30px 32px 30px 16px;}
	a.yang{top: -394px;left: 234px;}
}
@media screen and (max-width: 414px){
	.i_pro_l{width: 375px;}
	.i_pro_l ul li{width: 165px;margin-right: 3px;margin-left: 13px;}
	a.yang{top: -366px;}
	.i_intro{height: auto;}
	.news{padding: 0 10px;}
	.one_title{width: 100%;}
}