﻿@import url("animate.css");
@charset "utf-8";
/* CSS Document */

/* ====================
     公共样式
==================== */ 
body{background:#ffffff; font-size:14px; font-family:"微软雅黑",Verdana,Arial; line-height:150%; margin:0; padding:0; color:#3a3a3a;}

div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{
margin:0; padding:0; border:none; list-style-type:none;
}
em, i {
    font-style: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
h1,h2,p,h3,ol,form,label,dl,dd{ margin:0px; padding:0px; font-size:100%; border:none; vertical-align:baseline; outline:none;}
ul,li{ list-style:none; margin:0px; padding:0px; border:0px; outline:none; font-size:100%; }
a{ color:#3a3a3a; text-decoration: none; outline: none; }
a:hover{color:#ff7e00}
.block {width:1200px; }

.fl{float:left;}
.fr{float:right;}
.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
 height:1%;
}
*+html .clearfix{
 height:1%;
}
.clear{
	width:100%;
	clear:both;
}
.header{float: left;width: 100%; color: #ffffff; background: #102446; height: 104px; line-height: 104px; }
.menu{float: left;width: 100%; }
.logo{ float: left; margin-top:10px; width:185px; height: 84px;}
.nav{float: left; width: 700px;margin-top:25px; margin-left: 50px;}
.nav li{width: 116px; text-align: center; line-height: 50px; font-size: 16px; float: left;}
.nav li a{color: #fff;}
.nav li a:hover{color: #afc2fb;}
.nav li ul{display: none;}
.nav li a:hover{color:#5dbceb;}
.nav-tel{ float: right; width: 200px;line-height: 30px;margin-top:30px}
.nav-tel i{float: left; background: url(../images/tel-ico.png) no-repeat; width: 42px; height: 41px; display: block;}
.nav-tel .wz{float: left; margin-left: 10px;}
.nav-tel .wz p{ line-height: 15px;}
.nav-tel .wz h1{font-size: 18px;}
.nav-tel .wz h1 a{color: #afc2fb;}
.index_pro{float: left; width: 100%; padding-bottom: 80px; padding-top: 80px;}
.index_pro ul{float: left;width: 100%;}
.index_pro ul li{float: left;width:586px; height: 335px;}
.index_pro ul li.fr{ float: right;}
.index_pro ul li .pro_1{background: url(../images/cp1.png) no-repeat; width:586px; height: 335px; position: relative;}
.index_pro ul li .pro_wz{position: absolute; top: 40%; color: #fff; left: 10%;}
.index_pro ul li .pro_wz h1{font-size: 30px; margin-bottom: 20px;}
.index_pro ul li .pro_wz p{font-size: 16px;line-height:28px;}
.index_pro ul li .pro_2{background: url(../images/cp2.png) no-repeat; width:586px; height: 335px; position: relative;}
.index_jjfa{float: left; background: #f2f2f2; width: 100%;padding-bottom: 140px; padding-top: 40px;}

.index_tt{float: left; width: 100%; border-bottom: 1px solid #d1d1d1; padding-bottom: 20px;}
.index_tt h1{font-size: 30px;  color: #393939;}
.index_tt h1 a.more{float: right; color: #313131; font-size: 16px; font-weight: normal;}
.index_jjfa_con{float: left; width: 100%; margin-top: 30px; margin-bottom: 30px;}
.index_jjfa_con ul{float: left; width: 100%;}
.index_jjfa_con ul li:hover{border: 1px solid #0e3880;}
.index_jjfa_con ul li{ background: #fff;width: 382px; border: 1px solid #d1d1d1; height: 480px;}
.index_jjfa_con ul li img{width: 100%; height: 240px;}
.index_jjfa_con ul li h1{ float: left; width: 100%; color: #393939; font-size: 20px; text-align: center; line-height: 50px;}
.index_jjfa_con ul li p{float: left; width:80%; padding-left: 10%; margin-top: 20px; line-height: 25px;}
.index_jjfa_con ul li .more{float: left; width: 100%; text-align: center;}
.index_jjfa_con ul li .more a{ background: #606060; color: #fff; line-height: 28px;  width: 30%; display: block;margin: 20px auto 0;} 
.index_jjfa_con ul li .more a:hover{background: #0e3880;}

.index_news{float: left; width: 100%; background: #fff; padding-bottom: 40px; padding-top: 40px; }
.index_news .fr{float: right;}
.index_news_l{float: left; width: 46%;margin-top: 20px;}
.index_news_l ul{float: left; width: 100%;margin-top: 20px;}
.index_news_l ul li{float: left; width: 100%;margin-bottom:30px;}
.index_news_l ul li .date{float: left; text-align: center; width: 95px; height: 130px; background:#e1e1e1 ;}
.index_news_l ul li .date h1{float: left; width: 100%; line-height:100px; font-size: 48px; font-weight: normal;}
.index_news_l ul li .date p{float: left; width: 100%;}
.index_news_l ul li .info{float: left; margin-left:30px; width: 410px;}
.index_news_l ul li .info h1{font-size: 18px; color: #393939; margin-top: 20px; margin-bottom: 10px;}
.index_news_l ul li .info p{color: #969696; line-height: 24px;}
.index_news_l ul li:hover .date{background: #0e3880; color: #fff;}
.index_news_l ul li:hover a{color: #0e3880 ;}


.footer{float: left; width: 100%; background: #0b1b36; padding-top: 20px; }
.footer_l{float: left; width: 330px; margin-top: 90px; }
.footer_c{background: url(../images/ft_dt.png) no-repeat; width: 529px; height: 485px; float:left;}
.footer_l dl{float: left;width: 50%; text-align: left; height: 180px;}
.footer_l dl dt{color: #fff; font-size: 16px; line-height: 40px;float: left; width: 100%;}
.footer_l dl dd{float: left; width: 100%;line-height: 25px;}
.footer_l dl dd a{color:#fff ;}
.footer_l h1,.footer_r h1{float: left;width: 100%; color: #fff; font-size: 28px; font-weight: normal;  margin-bottom: 20px;}

.footer_r{float: right; width:250px; color: #fff;margin-top: 90px; }
.footer_r h2{font-size: 18px;margin-top: 20px;float: left;width: 100%; margin-bottom: 20px; }
.footer_r p{float: left;width: 100%;  line-height: 30px;}

.footer-bt{color: #fff;float: left; width: 100%; background: #071327; padding-top: 20px; padding-bottom:20px;}
.footer-bt p{color: #fff; line-height: 28px;width:100%;float:none;text-align:center;}
.footer-bt p a{color: #fff;}
.footer-bt .ewm{width: 72px; text-align: center;display:none;}


.pages{ 
	width:100%;
	padding:20px 0px;
	text-align:center;
	clear:both;
}
.pages li{
	list-style-type:none;
	display:inline;
}
.pages a{
	padding:5px 10px;
	border:1px solid #c8c8c8;
	font-weight:bold;
	margin-right:10px;
}
.pages #fenye{
	background:#656563;
	border-color:#656563;
	color:#FFF;
	font-weight:700;
}
#banner{float: left; width: 100%;}
#banner img{width: 100%;}
/*.case_con{float: left; width: 100%; }
.case_con h1{float: left; width: 100%; font-weight: normal; color: #2e2e2e; font-size: 16px; margin-top: 20px; margin-bottom: 20px; text-align:  center; border: 0;}
.case_img{float: left; width: 100%; margin-top: 10px;}
.case_info{float: left; width: 100%; margin-top: 40px;}
.case_h1{border-bottom: 1px solid #d0d0d0; float: left; width: 100%; height: 40px; line-height: 40px;}
.case_h1 h1{float: left; width: 30%; text-align: center; background: #1c459a; color: #fff; margin: 0;}*/
.case_info_con{float: left; width: 100%; margin-top: 30px; line-height: 22px; padding-bottom: 50px;}
.er_nav{float: left; width: 100%;  height: 46px; line-height: 46px;  border-bottom: 1px solid #dfdfdf;}
.er_nav .fl{font-size: 16px; font-weight: bold;}
.nav_er{width: 100%;float: left; }

.nav_er ul{width: 100%; float: left; margin-top: 30px; margin-bottom: 30px; height: 65px; border: 1px solid #dfdfdf; }
.nav_er ul li{float:left;  text-align: center; font-size:18px;width: 24.5%;  line-height:65px;background: #fff; border-right:1px solid #dfdfdf;}
.jjer ul li{width: 49.5%; }
.nav_er ul li:last-child{border-right: 0;}
.nav_er ul li a{display: block;}
.nav_er ul li.curr{ background: #004dab; }
.nav_er ul li.curr a{color: #fff;}
.content_con{float:left;width: 100%;margin-top: 40px;  padding-bottom: 100px;}
.content_con .fl{width: 50%;}
.content_con .fr{width: 45%;}
.about-tt{float:left;width: 100%; line-height: 50px; color: #343434; margin-bottom: 40px;}
.about-tt h1{font-size: 28px; margin-top: 20px;float:left;width: 100%;padding-bottom: 5px;}
.about-tt span{border-bottom: 2px solid #ff8a00;   width: 100px; display: block; float: left; }
.content_con p{line-height: 25px;float:left;width: 100%;  margin-top: 20px;}
.content_con p b{ color: #035fbe;}
.about-bg{ float: left; width: 80%; background: #f6f6f6; padding: 10%; padding-top:5%; }
.abount_con{float:left;width: 100%; margin-bottom: 80px;}
.about-hz img{ float: left; margin-right: 40px;}
.jjfa_list{float:left;width: 100%;}
.jjfa_list ul{float:left;width: 100%;}
.jjfa_list ul li:hover{border: 1px solid #0e3880;}
.jjfa_list ul li{float: left; margin-bottom: 40px; margin-right: 20px; background: #fff;width: 382px; border: 1px solid #d1d1d1; height: 480px;}
.jjfa_list ul li img{width: 100%; height: 240px;}
.jjfa_list ul li h1{ float: left; width: 100%; color: #393939; font-size: 20px; text-align: center; line-height: 50px;}
.jjfa_list ul li p{float: left; width:80%; padding-left: 10%; margin-top: 20px; line-height: 22px; height: 66px; overflow: hidden;}
.jjfa_list ul li .more{margin-top:20px;float: left; width: 100%; text-align: center;}
.jjfa_list ul li .more a{ background: #606060; color: #fff; line-height: 28px;  width: 30%; display: block;margin: 20px auto 0;} 
.jjfa_list ul li .more a:hover{background: #0e3880;}
.jjfa_list ul li.margin0,.pro-list ul li.margin0{margin-right: 0;}
.pro-list{float:left;width: 100%;}
.pro-list ul{float:left;width: 100%;}
.pro-list ul li {width: 275px;float: left; margin-right: 33px;}
.pro-list ul li .img{float: left; width: 100%; height: 247px; text-align: center; border: 1px solid #eaeaea;}
.pro-list ul li .img:hover{border: 1px solid #0e3880;}
.pro-list ul li .img img{width: 223px; height: 167px; margin-top: 40px;}
.pro-list ul li p{width: 100%;float: left; text-align: center; line-height: 30px; }

.news_list{float: left;width: 100%; }
.news_list li{float: left;width: 100%; margin-bottom: 30px; border-bottom: 1px dashed #afafaf; padding-bottom: 20px; }
.news_list li .img{float: left; width: 248px; margin-right: 40px;}
.news_list li .img img{width: 248px; height: 182;}
.news_list li .info{float: left; width: 900px;  margin-top:10px;}
.news_list li .info h1{float: left; width: 100%; font-size: 18px; font-weight: normal; line-height: 30px;}
.news_list li .info p{color: #7b7b7b; line-height: 30px; margin-top: 20px;float: left; width: 100%;}
.news_list li .info .date{float: left; width: 100%;margin-top:20px;}
.news_list li .info .date .time{float: left;}
.news_list li .info .date .time i{float: left; margin-right: 10px; margin-top: 2px; background: url(../images/time.jpg) no-repeat; width: 14px; height: 14px; display: block;}
.news_list li .info .date .more{float: right;}

.content_tt{float: left; width: 100%; background: #ebebeb; padding-top: 20px; padding-bottom: 20px;}
.content_tt h1{font-weight:normal; font-size: 24px; color: #4d4d4d;float: left; width: 100%;  line-height: 30px; text-align: center; border-bottom: 1px dashed #a9a9a9; padding-bottom: 20px;}
.content_tt .wzinfo{width:35%; text-align: center; color: #7d7d7d; padding-top: 20px;}
.content_tt .wzinfo span{float: left; margin-right: 20px; margin-top: 15px;}
.aricel_con{float: left;width: 100%; margin-top: 50px; line-height: 30px; text-align: center;}
.aricel_con p{text-align: left;}
.case_content_con_bg{width: 100%;float: left; background: #f7f7f7; margin-top: 50px;}
.case_content_con_bg .case_img{float: left;width: 600px; margin-top: 0;}
.case_content_con_bg .case_img img{width: 100%; height: 380px;}
.case_content_con_bg .case_info_desc{ float: left; margin-left: 60px; width: 500px; padding-top: 50px;}
.case_content_con_bg .case_info_desc h1{float: left;width: 100%; text-align: left; font-size: 24px; color: #393939; font-weight: bold;}
.case_content_con_bg .case_info_desc p{float: left;width: 100%;  line-height: 28px; margin-top: 20px;}
.case_content_con{width: 100%;float: left;margin-top: 50px;}
.case_content_con h1{float: left;width: 100%; text-align: center; font-size:18px; color: #393939; font-weight: bold; }
.case_info_content{width: 100%;float: left; padding-bottom: 30px; border-bottom: 1px solid #d8d8d8;}
.case_info_content h1{float: left;width: 100%; text-align: left; font-size:18px; color: #393939; font-weight: bold; line-height: 40px;}
.case_info_content .img{width: 100%;float: left; text-align: center; padding-top: 30px;}
.case_info_content .img2{ float: left; width: 50%; text-align: center; line-height: 40px;}
.case_info_content .img2 .img{ float: left; width: 100%; text-align: center;}
.case_info_content .img_info{float: left; width: 100%;}
.case_info_content .img_info p{float: left; width: 100%; line-height: 30px;}
.case_info_content_bt{float: left; width: 100%; height: 50px; line-height: 50px; font-weight: bold;padding-top: 20px; padding-bottom: 20px;}
.down_info{float: left; width: 100%;margin-bottom: 80px;}
.down_info .tt{float: left; width: 100%; height: 50px; line-height: 50px; background: #f4f4f4;}
.down_info .tt h1{ text-align:left;color: #113879; font-size: 16px; border-bottom: 2px solid #113879;line-height: 50px; width: 65px; margin-left: 20px; }
.down_info ul{float: left; width: 100%; margin-top: 30px;}
.down_info ul li{float: left; padding-left: 3%; font-size: 16px; width: 45%; border: 1px solid  #dcdcdc; height: 70px; line-height: 70px; margin-bottom:20px ; margin-right: 3.5%;}
.down_info ul li .pdf{border-left:1px solid  #dcdcdc ; width: 12%; float: right; height: 70px;}
.down_info ul li .pdf i{background: url(../images/pdf.jpg) no-repeat; width: 29px; height: 37px; display: block; margin:15px auto 0;}
.down_info ul li.margin0{margin-right: 0;}
.down_info p{float: left; width: 100%; line-height: 50px; padding-top: 20px; padding-left:3%; font-size: 16px;}
.case_content_con2{float: left; width: 100%;margin-top: 50px; margin-bottom: 50px;}
.case_content_con2 ul{float: left; width: 100%;}
.case_content_con2 ul li{float: left; width: 100%; background: #f4f4f4; height: 60px; line-height: 60px;}
.case_content_con2 ul li.fff{background: #fff;}
.case_content_con2 ul li p{ float: left;width: 20%; text-align: center; display: block; font-weight: bold;}
.case_content_con2 ul li strong{padding-left: 7%;}
.pro_content .case_img{text-align: center; width: 420px; height: 415px; background: #fff; border: 1px solid #dcdcdc; }
.pro_content .case_img img{width:80%; height: auto; margin-top: 60px;}
.pro_content .case_info_desc{width: 650px;}
.pro_info{float: left;width: 100%; line-height: 30px; padding-bottom: 40px; margin-top: 50px;}
.pro_info .pro_tt{border-bottom: 1px solid #dcdcdc; margin-bottom: 30px;float: left;width: 100%;height: 56px; line-height: 56px;}
.pro_info .pro_tt ul{ width: 60%; margin: 0 auto; }
.pro_info .pro_tt ul li{float: left; width: 70px; margin-right: 50px; margin-left: 50px;  float: left;height: 56px; text-align: center; font-size: 16px; font-weight: bold; }
.pro_info .pro_tt ul li.on{color: #ff8a00; border-bottom: 1px solid #ff8a00;}
.pro_info .pro_tt2{background: #f4f4f4;}
.pro_info .pro_tt2 ul{width: 100%; margin-left:0; float: left;}
.pro_info .pro_tt2 ul li.on{color: #113879; border-bottom: 2px solid #113879;}
.pro_con_info {float: left;width: 100%; line-height: 30px; padding-top: 30px; padding-bottom: 30px;}
.pro_con_info p i {float: left; margin-top: 12px; margin-right: 6px; background: url(../images/jt.jpg) no-repeat; width: 6px; height: 7px; display: block;}
.m_header,.index-banner_m,footer,.index_jjfa_con_m{display: none;} 
.pro_con_info  h1{font-size: 16px; color: #383838; margin-top: 50px; float: left; width: 100%;}
@media only screen and (max-width : 1000px){
.index_pro ul li{ width: 100%; height: 100%; margin-bottom: 20px;}
.index_pro ul li .pro_1,.index_pro ul li .pro_2{height: 168px; width: 100%; background-size: 100%;}
.index_pro ul li .pro_wz{top: 30%;}
.index_pro ul li .pro_wz h1{font-size: 18px; margin-bottom: 10px;}
.index_pro ul li .pro_wz p{font-size: 12px; line-height: 18px;}
footer{float: left; width: 100%; height: 50px; background: #f3f3f5; position: fixed; bottom: 0;}
footer li{float: left; width: 49.5%; height: 50px; line-height:50px; text-align: center; border-right: 1px solid #606262;}
footer li:last-child{border-right: 0;}
footer li a{color:#3a3a3a;}
.header,.dt,.index_jjfa_con{display: none;}	
.m_header,.index-banner_m,footer,.index_jjfa_con_m{display: block;}
.index_jjfa_con_m{  float: left;
    margin-bottom: 30px;
    margin-top: 30px;
    width: 100%;}
.index_jjfa_con_m ul{float: left; width: 100%;}
.index_jjfa_con_m ul li:hover{border: 1px solid #0e3880;}
.index_jjfa_con_m ul li{ background: #fff;width: 99%; border: 1px solid #d1d1d1; height: 480px;}
.index_jjfa_con_m ul li img{width: 100%; height: 240px;}
.index_jjfa_con_m ul li h1{ float: left; width: 100%; color: #393939; font-size: 20px; text-align: center; line-height: 50px;}
.index_jjfa_con_m ul li p{float: left; width:80%; padding-left: 10%; margin-top: 20px; line-height: 25px;}
.index_jjfa_con_m ul li .more{float: left; width: 100%; text-align: center;}
.index_jjfa_con_m ul li .more a{ background: #606060; color: #fff; line-height: 28px;  width: 30%; display: block;margin: 20px auto 0;} 
.index_jjfa_con_m ul li .more a:hover{background: #0e3880;}
.index_news_l ul li{margin-bottom: 20px;}
.index_news_l ul li .date{width: 20%;height: 85px;}
.index_news_l ul li .info{width: 75%; margin-left: 5%; }
.index_news_l ul li .date h1{font-size: 24px; line-height: 50px;}
.index_news_l ul li .info h1{font-size: 14px;margin-top: 5px;}
.index_news_l ul li .info p{height: 40px; line-height: 20px; overflow: hidden;}
.footer_l{display: none;}
.footer_c{width: 265px; height: 244px; background-size: 100%; display: none;}
.footer_r{ margin-top: 0; padding-bottom: 20px;}
.footer-bt .ewm{width: 100%; text-align: center;}
.index-banner_m{float: left; width: 100%;margin-top: 90px;}
.block{width: 90%;}
.index_tt h1{font-size: 20px;}
.index_tt p{font-size: 12px;}
.yw_l{float: left;width: 100%; top: 0;}
.yw_center{ height: 107px; width: 237px; background:url("../images/yw-bg.png") no-repeat;background-size: 100% 100%;}
.yw_r{ bottom:-80px;width: 100%; top:inherit; right: 0;}


.yw-right{float: left;width: 100%; margin-top: 20px; line-height: 24px;}
.hz_con_l ul li img{ height: 200px;}
.bd ul li,.hz_con_l ul li{width: 50%;}
.index_news_l,.index_news_r,.index_news_l .img{width: 100%; margin-top: 0;}
.index_news_l .img{text-align: center;}
.index_news_l .img img{width: 100%;height: auto;}
.index_news_l .news_desc{width: 100%;}
.index_news_l .news_desc h1{margin-top: 10px; font-size: 14px;}
.index_news_l .news_desc p{margin-top: 10px;font-size: 12px;}
.index_news_l .news_desc a.more{margin-top: 10px;}
.index_news_r ul li{padding-left: 10px; height: 30px; overflow: hidden; margin-bottom: 0;}
.index_news_r ul li span{display: none}
.bt_main{height: auto;}
.footer_l{width: 100%; text-align: center;margin-top:20px; text-align: left;}
.footer_r{width: 100%;}
.footer_tel{width: 100%; padding-left: 0;}
.footer_tel i{width: 23px; height: 23px; background-size: 100%; margin-top: 10px;}
.footer_tel .p{float: left; width: 8s0%}
.footer_r dl{width: 100%; text-align: left;}
.footer_r dl dt{ width: inherit; line-height: 28px; font-size: 14px;}
.footer_r dl dd{width: auto;margin-right: 5px;}
.footer2{padding-top: 10px; padding-bottom: 10px;}
.footer2 .fr{width: 100%; margin-top: 20px}
.wx-footer{width: 50%; text-align: center;}
.wx-footer p{width: 100%;}
#banner{margin-top: 90px;}
#banner img{height: 120px;}
.nav_erz,.nav_er{width: 100%;}
.content_con .fl,.content_con .fr{width: 100%;}
.about-tt h1{font-size: 16px;}
.abount_con{margin-bottom: 10px;}
.about-tt{float: left; margin-bottom: 10px;}
.content_con .about-hz img{width: auto; margin-right: 20px;}
.case_content_con_bg .case_img,.case_content_con_bg .case_info_desc{width: 100%; margin-left: 0;}
.case_content_con_bg .case_img img{width: 100%; height: auto;}
.case_content_con_bg .case_info_desc h1{font-size: 16px;}
.case_info_content .img img{width: 100%; height: auto;}
.down_info ul li{width: 99%; margin-right: 0;}
.down_info ul li a{width: 80%;  float: left; height: 70px; line-break: 70px; overflow: hidden;}
.pro-list ul li{ width: 48%; margin-right: 2%; margin-bottom: 20px;}
.pro-list ul li .img{height: auto; padding-top: 10px; padding-bottom: 10px;}
.pro-list ul li .img img{width: 100%; height: auto; margin-top: 0;}
.pro-list ul li p{height: 30px; overflow: hidden; margin-top: 20px;}
.pro_info .pro_tt ul{float: left; width: 100%;}
.pro_info .pro_tt ul li{width: 25%; margin: 0;}

.news_list li .img{display: none;}
.news_list li .info{width: 100%;}
.content_tt .wzinfo{width: 100%; text-align: center;}
.jjfa_list ul li{width:100%; height: auto; padding-bottom: 10px;}
.jjfa_list ul li img{height: auto;}
.jjfa_list ul li h1{font-size: 16px;}
.jjfa_list ul li p{margin-top: 10px;}
.jjfa_list ul li .more{ margin-top: 10px;}
.jjfa_list ul li .more a{ margin-top: 0;}
.zs_list a{float: left;width: 50%;}
.zs_list li{width: 100%;}
.zs_list li img{width: 90%;}
.zs_list li i{width: 26px; height: 26px; background-size:100%; left: 45%; top:40px ;}
.content_tt_2 h1{font-size: 18px;}
.content_tt_2 .wzinfo{width: 100%;}
.aricel_con img{width: 80%;}
.hz_list li{width: 50%;}
.hz_list li img{width: 90%; height: 200px;}
.lxwm-ny li{width: 100%; margin-bottom: 10px; height: auto; padding-bottom: 20px;}
.lxwm-ny li img{width: 27px;margin-top: 20px;}
.content_con img{width: 100%;}
}

.pull-left{
	width:48%;
	float:left;
	overflow:hidden;
}
.pull-right{
	width:48%;
	float:right;
	overflow:hidden;

}
@media only screen and (max-width : 768px){
	.pull-left{
		float:none;
		width:100%;
	}
	.pull-right{
		float:none;
		width:100%;
	}
}