/**banner**/

 .banner {

      width: 100%;

      height:auto; overflow:hidden;  position:relative;

    }

	 .banner.swiper-wrapper{

	  /* 通过改变animation-timing-function 制作弹性切换效果*/ 

		    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;

		}

    .banner .swiper-slide {

      text-align: center;

      font-size: 18px;

      background: #000;



      /* Center slide text vertically */

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      -webkit-justify-content: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      -webkit-align-items: center;

      align-items: center;

    }

	 .banner .swiper-slide img{ width:auto; max-width:100%; height:auto}

	 

	 .banner .swiper-pagination-bullet{width:12px;height:12px;border:1px solid #d2d2d2; background:#fff;}

	 .banner .swiper-pagination-bullet-active{ background:#D74B4B !important;border:1px solid #D74B4B;}

.index-title{ text-align:center; padding:20px 0;}



.index-procuct{ height:auto; overflow:hidden; padding:45px 0; background:#fff;}	 

.index-title h3{ line-height:76px; font-size:42px; color:#21478b;}

.index-title h4{ text-align:center; font-weight:normal; font-size:20px;color:#7a7a7a}

.index-title h4 ul li{ display:inline-block; font-weight:normal; position:relative;}

.index-title h4 .line{ width:100px; position:relative}

.index-title h4 .line:after{ position:absolute; width:100%; height:2px; line-height:2px;background:#999999; top:-8px; content:""; z-index:1; left:0}

.index-title h4 ul li.text{margin:0 30px; }

.index-procuct .left{ width:21%;}

.index-procuct .left .title1{ padding:15px 0; background:#21478b}

.index-procuct .left .title1 .en,.index-procuct .left .title1 .text{ padding-left:3%;}

.hzs-img{ width: 100%; height: 164px; overflow: hidden;}

.index-procuct .left .title1 .text .cn{ font-size:36px; color:#fff; font-weight:bold }

.index-procuct .left .title1 .text .s-en{ font-size:20px; color:#b8d5ea}

.index-procuct .left .list-class{ display:block; height:auto; overflow:hidden; margin-bottom:5px; background:#F4F4F4}

.index-procuct .left .list-class li{ line-height:40px; padding:0 9%;  border-bottom:1px dotted #d7d7d7; color:#333333; font-size:16px;}

.index-procuct .left .list-class li a{color:#333333; font-size:16px;}

.index-procuct .left .list-class li:last-child{ border-bottom:0px;}

.left-contact{}

.left-contact .title{background:#21478b; padding:11px 0; text-align:center; color:#fff;}

.left-contact .title h3{ line-height:36px; font-size:24px; font-weight:normal;}

.left-contact .title p{ line-height:26px; font-size:20px; font-family:Arial, Helvetica, sans-serif}

.list-tel{ padding-top:16px; padding-bottom:2px;}

.list-tel li{ line-height:40px; border-bottom:1px dashed #d7d7d7; padding:0 12%; font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#333333;}

.list-tel li img{ float:left; margin-right:10%; margin-top:10px;}

.list-tel li:last-child{ border-bottom:0px;}



.index-procuct .right{ width:76.75%; margin-left:2.2%}

.index-procuct .right h3{ height:50px; background:#F1F1F1;}

.index-procuct .right h3 .text{ display:block; width:15%; line-height:50px; text-align:center; background:#21478b; color:#fff; font-size:20px; font-weight:normal}

.index-procuct .right h3 .more{ font-size:14px; color:#666666; margin-top:12px; font-weight:normal; margin-right:1%}



.rx_con {   height:auto; overflow:hidden;    border: solid 1px #e5e5e5; position:relative; margin-top:24px; background: #f1f1f1; padding-bottom:50px; padding-top:30px  }

 dl, dt, dd, ol, ul, li,  {    margin: 0;    padding: 0;    border: 0;    font-size: 100%;font: inherit;}

.rx_con dl dt {    float: left; width:60%; text-align:center;}
.rx_con dl dt img{ width:auto; max-width:100%}

.rx_con dl dd {float: left;   width:40%;      padding: 46px 0 0 40px;    border-left: solid 1px #e5e5e5;}

.rx_con dl dd span a {    display: block;    font-size: 24px;    color: #333;}

.rx_con dl dd i {    width: 60px;    height: 2px;    background: #bb1c18;    margin: 20px 0;

    display: block;    line-height: 0;    font-size: 0;}

.rx_con dl dd b {  display: block;font-size: 16px;  color: #333;  margin-bottom: 10px;}

.rx_con dl dd p {    font-size: 14px;    color: #333333;  line-height:24px;    width: 292px;    padding-bottom: 20px;}

.rx_con dl dd em{ text-align:center;}

.rx_con dl dd em a {

    margin-right: 10px; font-style: normal; display:inline-block;width:124px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:14px; border-radius:5px;

}

.rx_con dl dd em a.detail{ background:#333333;}

.rx_con dl dd em a.asker{ background:#21478b;}



.hzs-containter{ position:relative; overflow:hidden; margin-top:22px; height:266px}

.hzs-containter .swiper-slide{width:26.08%; float:left; position:relative; margin-right:1.33%; text-align:center}

.hzs-containter .swiper-slide img{ width:auto; max-width:100%; height:auto; max-height:100%;}

.hzs-containter .swiper-slide p{ padding-top:10px; line-height:22px; color:#333333; font-size:14px}



/**应用案例**/

.casebox{ height:auto; overflow:hidden; padding-bottom:40px; background:#ffffff url(../images/casebg.jpg) center top no-repeat}

.index-title2 { padding-top:34px; text-align:center; color:#ffffff;}

.index-title2 h3{ line-height:70px; font-size:48px;font-weight:normal}

.index-title2 h4{ font-size:14px;font-weight:normal; line-height:34px}

.index-list-case{ padding-top:32px}

.menu-case{ width:260px; height:268px; background:url(../images/case-menu-bg.jpg) no-repeat; position:relative}

.menu-case .button{ position:absolute; width:37px; height:37px; cursor:pointer; bottom:30px; top:auto}

.menu-case .case-prev{ background:url(../images/case-prev.png) no-repeat; right:72px; left:auto}

.menu-case .case-next{ background:url(../images/case-next.png) no-repeat; right:20px;}

.menu-case .text{ padding:57px 23px; color:#ffffff}

.menu-case .text h3{ font-size:30px; font-weight:normal;}

.menu-case .text h4{ font-size:14px; font-weight:normal; padding-top:5px; line-height:24px}

.case-containter{ width:76.6%; margin-left:1.5%; position:relative; overflow:hidden;}

.case-containter .swiper-slide{ width:32.6%; float:left; margin-right:1.08%; position:relative; overflow:hidden;}

.case-containter .swiper-slide .pic{ height:214px; overflow:hidden;}

.case-containter .swiper-slide:hover .pic img{ transform:scale(1.1)}

.case-containter .swiper-slide .text{ line-height:54px; text-align:center; background:#24498b;}

.case-containter .swiper-slide   a{ font-size:14px; color:#ffffff}

.case-containter .swiper-slide   a:hover{ text-decoration:none; font-size:15px}

/**合作伙伴**/

.cooperation{ height:auto; overflow:hidden; padding:40px 0; background:#ffffff}

.index-title3{ text-align:center}

.index-title3 h3{ font-size:48px; line-height:70px;}

.index-title3 h3 span{ color:#bf1c38;}

.index-title3 h4{ font-size:18px; color:#afadad; font-weight:normal; padding-top:10px;} 

.cooper-scroll{ position:relative; margin-top:50px}

.cooper-scroll .swiper-button-prev,.cooper-scroll .swiper-container-rtl .swiper-button-next{ left:-10px;}

.cooper-scroll .swiper-button-next, .cooper-scroll .swiper-container-rtl .swiper-button-prev{ right:-10px;}

.cooper-scroll .swiper-button-next, .cooper-scroll .swiper-button-prev{ top:40%}

.cooper-containter{ width:94.16%; position:relative; margin:auto; overflow:hidden}



.cooper-containter .swiper-slide{ width:19.20%; position:relative; margin-right:7.1%; overflow:hidden; padding-bottom:50px; background:#fff url(../images/hezuo-bg.png) bottom no-repeat;}

.cooper-containter .swiper-slide .pic{height:215px;  border-radius:50%; border:1px solid #9F9F9F}

.cooper-containter .swiper-slide .pic img{ max-width:78%}

.cooper-containter .swiper-slide:hover { background:none}

/**通海机械**/



.pk_con {    background: url(../images/pk_conbg.jpg) no-repeat; margin-top:32px;    height: 488px;}

.pk01 {    width: 480px;}

.pk01 h4 {

    display: block;

    height: 86px;

    line-height: 86px;

    font-size: 20px;

    color: #fff;

    text-align: center;

}

.pk01 p {

    padding: 22px 0 0 40px;

    width: 395px;

    height: 130px;

    font-size: 15px;

    color: #333;

    line-height: 25px;

}

.pk01 p em {

    display: block;

    font-size: 18px;

    color: #333;

    margin-bottom: 5px;

    font-weight: bold;

}

.pk02 {    width: 240px;}

.pk02 p {    padding: 140px 0 0 90px;}

.pk02 p i {   color: #797979;  display: block;  font-size: 18px;  margin-bottom: 110px; font-style: normal; font-weight: bold;}

.fl{float:left}

.pk03 {

    width: 480px;

}

.pk03 h4 {

    display: block;

    height: 86px;

    line-height: 86px;

    font-size: 20px;

    color: #fff;

    padding-left: 160px;

}

.pk03 p {

    padding: 22px 0 0 40px;

    width: 415px;

    height:130px;

    font-size: 15px;

    color: #333;

    line-height: 25px;

}

.pk03 p em {

    display: block;

    font-size: 18px;

    color: #ba2038;

    margin-bottom: 5px;

    font-weight: bold;

	}

	.pk-box{ height:auto; overflow:hidden; background:#fff url(../images/pk-bg.jpg) bottom no-repeat;}

	.index-adver1{ height:272px; background:url(../images/adver1.jpg) center no-repeat;}

	.index-adver1 .telbox{ width:254px; float:right; margin-right:10px;}

	.index-adver1 .telbox .tel{ padding-top:83px; line-height:56px; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#FFFFFF; text-align:center}

	.index-adver1 .telbox .zixun,.index-adver2 .telbox .zixun{ width:220px; height:40px; text-align:center; line-height:40px; font-size:24px; color:#24498c;background:#FFFFFF; border-radius:5px; display:block;}

	.youshi-box{ height:auto; overflow:hidden; padding-bottom:65px}

	.youshi-box li{ padding-top:58px; clear:both; height:auto; overflow:hidden}

	.youshi-box li .txt h3{ padding-top:10px; line-height:64px; font-size:29px; color:#333333}

	.youshi-box li .txt p{ font-size:14px; line-height:30px; color:#999999}

	.youshi-box li.li1 .text{ width:40%; padding-right:9px }

	.youshi-box li.li1 .pic{ width:60%;}

	.youshi-box li.li2 .text{ width:42.5%; padding-left:9px}

	.youshi-box li.li2 .pic{ width:57.5%;}

	.index-adver2{ height:211px; background:url(../images/adver2.jpg) center no-repeat}

	.index-adver2 .telbox{ width:242px; margin-right:7.25%}

	.index-adver2 .telbox .tel{ padding-top:56px; line-height:56px;font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#FFFFFF;  text-align:center}

	/******公司介绍***/

.index-about-box{ height:auto; overflow:hidden; background:#F9F9F9; padding-top:35px;}

.index-about-box .container{height:auto; overflow:hidden; padding-bottom:100px; position:relative; margin-top:20px; }

.index-about-box .container .pic{ width:38.3%; margin-right:6.5%;}

.index-title4 h3{ line-height:50px; text-align:center; font-size:30px; background:url(../images/about-line.jpg) center no-repeat; font-weight:normal}

.index-title4 h4{ line-height:38px; text-align:center; font-size:14px; color:#777777}

.index-about-box .container .text{ width:54.9%;}

.index-about-box .container .text h3{ line-height:40px; padding-top:12px; margin-top:32px; position:relative; font-size:20px;}

.index-about-box .container .text h3 span{ font-size:16px; color:#999999;  font-weight:normal; font-family:Arial, Helvetica, sans-serif}

.index-about-box .container .text h3:before{ width:63px; height:2px; line-height:2px; position:absolute; z-index:1; background:#000; content:""; left:0; top:0}

.index-about-box .container .text .info{ line-height:24px; font-size:16px; color:#666666;}

.index-about-box .container .text .more{ width:145px; height:25px; line-height:25px; text-align:center; background:#000; color:#FFFFFF; font-size:14px; cursor:pointer; margin-top:15px;}

.index-about-box .container .about-scroll{ width:71%; height:264px; position:absolute; right:0; right:10px; bottom:30px; background:#FFFFFF; box-shadow:0px 0px 10px #CCC; padding:20px 2.5%;}

.about-scroll-container{ position:relative; overflow:hidden}

.index-about-box .container .about-scroll .swiper-slide{ width:264px; height:210px; background:#fff url(../images/pic-bg.jpg) right bottom no-repeat; margin-right:1.7%;}

.index-about-box .container .about-scroll .swiper-slide .pic{ width:260px; height:206px;}

.index-news-box{ height:auto; overflow:hidden; padding:40px 0;}



/**首页新闻部分**/

.news-left { width:62.4%; margin-top:20px;}

.index-news-title{ height:30px; border-bottom:2px solid #2B4E8E; position:relative;}

.index-news-title em{ float:right; font-size:14px; color:#666666; margin-top:10px}

.index-news-title span{ display:block; width:84px; position:absolute; left:0; bottom:-3px; background:#2B4E8E; z-index:1; text-align:center; line-height:32px; color:#fff; font-size:18px;}

.index-news-title  a{color:#fff; font-size:17px;}

.news-left .news-tuijian{ height:auto; overflow:hidden; margin-top:20px; padding-bottom:18px; border-bottom:1px dashed #A1A1A1;}

.news-left .news-tuijian .pic{ width:201px; height:135px; border:1px solid #A0A0A0; margin-right:2%;}

.news-left .news-tuijian .text{ width:68.8%; float:left}

.news-left .news-tuijian .text h3{ line-height:40px; font-weight:normal; font-size:18px; color:#333333;}

.news-left .news-tuijian .text p{ padding-top:4px; line-height:24px; font-size:14px; color:#666666; text-indent:2em;}

.news-left .news-tuijian .text span{ display:block; padding-top:11px; line-height:24px; color:#999999; font-size:14px; }

.news-left ul{ display:block; padding-top:17px;}

.news-left ul li{ width:48.9%; float:left; margin-right:1.1%; height:auto; overflow:hidden; background:#EDEDED; margin-bottom:13px}

.news-left ul li .time{ width:16.2%; height:45px; text-align:center; background:#2a4e8f; color:#fff; padding-top:3px}

.news-left ul li em { font-size:18px; display:block; line-height:20px}

.news-left ul li span{ font-size:12px; display:block}

.news-left ul li .text{ width:83.8%; line-height:45px; padding-left:3.6%; font-size:16px; color:#000000}



.news-right{ width:32.1%; margin-left:5.2%; margin-top:20px}





.news-right .bd{margin-top:20px;}



.news-right .bd ul{ overflow:hidden; zoom:1; }



.news-right .bd ul li{ zoom:1;padding:15px 0;border-bottom: 1px  dashed #d0d0d0;height:auto!important;}



.news-right .bd ul li p{position:relative; padding-left:26px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}



.news-right .bd ul li p:first-child{font-size:16px;color:#333333;line-height:30px;}



.news-right .bd ul li p:last-child{font-size:14px;color:#666666;line-height:30px;}



.news-right .bd ul li p:before{content: "";width: 24px;height: 24px;display: block; position:absolute;top:8px;left:0;}



.news-right .bd ul li p:first-child:before{background:url(../images/wt-q.jpg) no-repeat center;}



.news-right .bd ul li p:last-child:before{background:url(../images/wt-a.jpg) no-repeat center;}

/****服务流程****/

.fuwulc-box{ height:auto; overflow:hidden; padding-top:50px;}

.index-title5{ text-align:center}

.index-title5 h3{ font-size:30px; color:#ce1d27; letter-spacing:2px;font-family:'Siyuan';}

.index-title5 h4{ font-size:14px; color:#9c9c9c; font-weight:normal; letter-spacing:2px}

.fuwulc{ margin-top:45px; height:106px; position:relative;border-bottom:1px dashed #989898;}

.fuwulc ul li{ width:109px; height:112px; float:left; margin-right:5.6%; background:url(../images/lc-bg1.png) bottom no-repeat; color:#fff; font-size:18px; text-align:center; position:relative}

.fuwulc ul li:nth-child(2n){background:url(../images/lc-bg2.png) bottom no-repeat}

.fuwulc ul li:last-child{ margin-right:0;}

.fuwulc ul li .pic{ height:48px;}

.fuwulc ul li .title{ font-size:16px;}

.index-guestbook{ margin-top:25px;}

.index-guestbook .container{ height:auto; overflow:hidden; padding:12px; border:1px solid #A0A0A0;}

.index-guestbook .container .pic{ width:280px; margin-right:2%;}

.index-guestbook .container .book{ width:70%; padding-top:13px}

.index-guestbook .container .book h3{ line-height:44px; font-size:20px; color:#333333; display:block; clear:both}

.index-guestbook .container .book .text{ width:31.4%; float:left; border:1px solid #A0A0A0; background:#ffffff; margin-right:1.3%; margin-top:22px; height:42px; line-height:42px;color:#b6b6b6; font-size:14px; text-indent:1rem}

.index-guestbook .container .book .text::placeholder,.index-guestbook .container .book .content::placeholder{ color:#b6b6b6; font-size:14px;}

.index-guestbook .container .book .content{ width:64%;float:left; border:1px solid #A0A0A0; background:#ffffff; margin-right:1.3%; margin-top:22px; height:42px; line-height:42px;color:#b6b6b6; font-size:14px; text-indent:1rem}

.index-guestbook .container .book .submit{ width:31.9%; height:44px; float:left; line-height:44px; text-align:center; color:#fff; font-size:16px; background:#ce1d27; border:0px; margin-top:22px}

.links{ padding:40px 6.8%; background:url(../images/links-bg.jpg) left top no-repeat; line-height:24px; font-size:12px; color:#9f9f9f; margin-top:35px;}

.links a{ font-size:12px; color:#9f9f9f;}
.ban img{ width:auto; max-width:100%; height:auto;}
@media screen and (max-width:1200px){

.container{ width:100%;}	

}

@media screen and (max-width:768px){

.toper{ display:none}

.container{ width:100%; margin:auto}	

.right-top-nav,.logo-des,.searchbox,.logo-tel .text{ display:none}

.logo-tel img{ width:auto; max-width:100%;}

.logo-tel{ width:13%; margin-right:5%; margin-top:1rem;}

.logo{ width:60%;}

.logo img{ max-width:98%;}

.logobox{ padding:0.2rem 0;}

.navbox{ height:auto; overflow:hidden; padding-top:0;}

.navbox ul li{ width:25%}

.navbox ul li:first-child,.navbox ul li:nth-child(2),.navbox ul li:nth-child(3),.navbox ul li:nth-child(4){ border-bottom:2px solid #8699bb}

.navbox ul li:nth-child(4n):after{ width:0px}

.index-title h3,.index-title2 h3{ line-height:1.65rem; font-size:20px}

.index-title h4 .line{ display:none}

.index-procuct .left{ display:none}

.index-procuct .right{ width:100%; margin-left:0;}

.index-procuct .right h3 .text{ width:30%}

.rx_con dl dt{ width:96%; margin-left:2%}

.rx_con dl dt img{ width:auto; max-width:100%;}

.rx_con dl dd{ width:96%;padding: 16px 0 16px 2%;}

.index-title2{ padding-top:1rem;}

.index-title2 h4{ line-height:22px; padding-top:6px; padding-left:5%; padding-right:5%}

.menu-case{ display:none}

.case-containter{ width:100%; margin-left:0}

.cooperation{ padding:1rem}

.index-title3 h3{ font-size:24px; line-height:50px;}

.cooper-containter .swiper-slide .pic{ height:150px;}

.pk-box,.index-adver1,.youshi-box,.index-adver2{ display:none}

.index-title4 h3{ font-size:24px}

.index-title4 h4{ padding:0 5%; line-height:22px}

.index-about-box .container .pic{ width:96%; margin-right:2%; margin-left:2%}

.index-about-box .container .text,.news-left{ width:96%; margin-left:2%}

.index-about-box .container .about-scroll{ display:none}

.index-about-box .container{ padding-bottom:2rem;}

.news-left .news-tuijian .pic{ width:96%; margin-left:2%; height:auto}

.news-left .news-tuijian .text{ width:96%; margin-left:2%}

.news-left ul li{ width:98.9%;}

.news-left ul li:nth-child(5),.news-left ul li:nth-child(6),.news-left ul li:nth-child(7),.news-left ul li:nth-child(8),.news-left ul li:nth-child(9),.news-left ul li:nth-child(10){ display:none}

.index-news-box{ padding:1rem 0;}

.index-guestbook .container .pic{ width:96%}

.index-guestbook .container .book{ width:100%;}

.index-guestbook .container .book h3{ line-height:32px; color:#333333;}

.footer-nav{ display:none}

.footer-content{ display:none}

.footer-copy{ height:auto; line-height:1.65rem; padding:1rem 5%}

.update-dy-page-left{ display:none}

.update-dy-page-right{ width:100%; }

.update-dy-contenter{ padding-top:1rem;}

.update-dy-page-right.right{ float:none}

.width{ width:96%;}

.update-dy-content{ padding:1rem 1% 0px; font-size:16px;}

.navbox ul li.on, .navbox ul li:hover{ border-radius:0px}

.list-pic li{ width:48%; margin-left:1%; margin-right:1%;}

.list-pic li img{ height:180px; max-height:100%}

.list-pic li{ height:auto}

.list-pic li p{ font-size:13px;}

.update-dy-contact-left{ width:100%;}

.update-dy-contact-right{ width:100%; padding:10px 2%; margin-left:2%;}

	}