@charset "utf-8";
body,div,ul,ol,li,span,em,dl,dt,dd,a,img,h1,h2,h3,h4,h5,p,b,strong,form,input,textarea,font{ padding:0; margin:0;list-style:none; border:none; text-decoration:none;}
ul,ol{ list-style:none}
a{ text-decoration:none}
a,input,img,textarea{ outline:none;}
h1,h2,h3,h4,h5{ font-weight:100;}
img{ border:0;}
strong,i,em{ font-style:normal; font-weight:100;}
body{ font-family:"微软雅黑", "宋体", "黑体";}


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

.header{  width: 100%; height: 96px;}
.header .line{ width: 100%; height: 3px; background: url(../images/line.jpg) no-repeat left;}
.header .logo{ width: 270px; height: 93px; float: left;}
.header .logo img{ margin-top: 11px;}
.header .nav{ width: 830px; height:93px; float: left; line-height: 93px;}
.header .nav li{ float: left; position:relative;}
.header .nav li a{ display:inline-block; padding: 0 20px; font-size:14px; color:#333;}
.header .nav li em{ display:block; width:0px; height:3px; background:#ea9401; position:absolute; left:15px; bottom:10px; margin-left:34px; transition:.3s;}
.header .nav li span{ float: right; font-size:12px; color:#c9caca;}
.header .search{ width:100px; height:93px; float:right; background:url(../images/search.png) no-repeat center right; cursor:pointer;}
.header .nav li:hover a{ color:#ea9401;}
.header .nav li:hover em{ width:68px; margin-left:0px;}
.header .nav li.on em{width:68px; margin-left:0px; }



.banner{ position:relative; z-index:1; width:100%; height:638px; overflow:hidden;}
.banner ul { position:relative; top:0; left:0;}
.banner ul li{ position:absolute; left:50%; margin-left:-960px; display:none;}
.banner ol{ position:absolute; z-index:3; width:100%; bottom:0px; text-align:center; background:rgba(0,0,0,0.5); height:45px;}
.banner ol li{ width:15px; height:15px; background:#fff; display:inline-block; margin-right:17px; cursor:pointer; border-radius:50%; margin-top:15px;}
.banner ol li.on{ background:#eb9700;}

.banner .keyword{ width:100%; height:45px; background:rgba(255,255,255,0.5); position:absolute; top:0; left:0; z-index:6; }
.banner .keyword .keys{ line-height:45px; float:left;}
.banner .keyword .keys span{ font-size:12px; color:#fff;}
.banner .keyword .keys span a{ color:#fff;}
.banner .keyword .form2{ float:right; position:relative;}
.banner .keyword .form2 .text{ width:218px; height:32px; border-radius:16px; margin-top:6px; background:#e4e4e4; color:#999; font-size:12px; text-indent:1em;}
.banner .keyword .form2 .sub{ width:16px; height:16px; background:url(../images/tn01.png) no-repeat center; position:absolute; bottom:7px; right:6px; cursor:pointer;}

/*公共标题*/

.public_title{ width:100%; height:205px; overflow:hidden;}
.public_title h3{ width:250px; height:40px; margin:20px auto 20px; font-family:"微软雅黑"; font-size:30px; color:#fff; text-align:center; line-height:40px; background:url(../images/tn02.png) no-repeat center;}
.public_title p{ padding:0 60px; font-size:13px; color:#fff; text-align:center; margin-bottom:30px;}
.public_title ol.title{ width:100%; text-align:center;}
.public_title ol.title li{ width:200px; height:40px; background:#fff; display:inline-block;margin-right:15px; text-align:center; line-height:40px; font-size:14px;}
.public_title ol.title li a{ color:#333; display:block;}
.public_title ol.title li:hover{ background:#ee8715;}
.public_title ol.title li:hover a{ color:#fff;}





.pro_title{background:url(../images/tn001.jpg) no-repeat center;}
.pro{ width:100%; height:723px; background:#f5f5f5; }

.pro .pro_con{ height:354px; margin:80px auto; overflow:hidden; position:relative;}
.pro .pro_con ul{ width:10000px;position:relative; left:0; top:0;}
.pro .pro_con ul li{ width:285px; height:352px; background:#fff; float:left; margin-right:20px; overflow:hidden; position:relative;}

.pro .pro_con ul li .box{ width:100%; height:318px;  transition:0.4s; text-align:center;}
.pro .pro_con ul li .box img{max-width:285px; max-height:318px;display:inline-block;}
.pro .pro_con ul li .box_con{ width:100%; height:139px; position:absolute; bottom:-106px; left:0; background:#dfdede; transition:.3s;}
.pro_con ul li .box_con h4{ line-height:33px; background:#dfdede; color:#fff; text-align:center; }
.pro_con ul li .box_con p{ width:255px; padding:10px 15px 5px; font-size:12px; color:#333; text-align:left; }
.pro_con ul li .box_con .pro_more{ width:85px; height:23px; border-radius:6px; background:#ee8715; font-size:12px; text-align:center; line-height:23px; margin:10px auto;}
.pro_con ul li .box_con .pro_more a{ color:#fff; display:block;}
.pro .pro_con ul li:hover .box_con{ bottom:0px;}
.pro_con ul li:hover .box_con h4{ background:#ee8715;}
.pro .pro_con ul li:hover .box{ transform:scale(1.1);}





.new_title{background:url(../images/tn003.jpg) no-repeat center;}
.news{background:#e9e9e9; overflow:hidden; }
.news_con{ height:305px;  margin:80px auto; }
.news_con .left_btn{  float:left; margin-right:15px;}
.news_con .right_btn{ float:right;}
.new_con{width:944px; overflow:hidden; float:left;}
.news_con .new_con2{ height:305px;}
.news_con .new_con2 ol{ width:10000px; position:relative;}
.new_btn{width:110px; height:305px; cursor:pointer;}

.new_btn span{ width:41px; height:78px; display:inline-block; margin-top:113px;}
.left_btn span{ background:url(../images/tn03.png) no-repeat left top; transition:0.2s; text-align:left;}

.left_btn:hover span{ background-position:0 -78px;}
.right_btn span{background:url(../images/tn04.png) no-repeat right top; transition:0.2s; float:right;}

.right_btn:hover span{ background-position:0 -78px;}

.news_con .new_con2 li{ width:239px; height:270px;  background:#fff; padding:35px 24px 0; position:relative; overflow:hidden; transition:background 0.5s; float:left; margin-right:40px;}
.news_con .new_con2 li .time{ font-size:16px; color:#666;}
.news_con .new_con2 li .day{ font-size:50px; color:#333; margin:19px 0 23px 0;}
.news_con .new_con2 li .line{ width:60px; height:2px; background:#c4c2c2;}
.news_con .new_con2 li p{ font-size:14px; color:#666; margin:35px 0 26px 0; height:40px; overflow:hidden;}
.news_con .new_con2 li .more{ font-size:12px; color:#01589d;}
.news_con .new_con2 li .line2{width:287px; height:4px; position:absolute; background:#f3850f; bottom:0px; left:-287px; transition:.7s;}
.news_con .new_con2 li:hover .line2{ left:0;}
.news_con .new_con2 li:hover{ background:#01589d;}
.news_con .new_con2 li:hover .time{ color:#fff;}
.news_con .new_con2 li:hover .day{  color:#fff; }
.news_con .new_con2 li:hover .line{ background:#fff;}
.news_con .new_con2 li:hover p{ color:#fff;}
.news_con .new_con2 li:hover .more{color:#fff;}



.case_title{background:url(../images/tn004.jpg) no-repeat center;}



.case_con{ height:177px; width:1314px; margin:80px auto; }
.case_con .btn{ width:57px; height:177px;}
.case_con .left_btn2{ float:left;}
.case_con .btn span{ display:block; width:41px; height:78px; background:#06C; margin-top:49px; cursor:pointer; transition:0.2s;}
.case_con .left_btn2 span{ background:url(../images/tn03.png) no-repeat left top; }
.case_con .left_btn2:hover span{ background-position:0 -78px;}
.case_con .right_btn2{ float:right;}
.case_con .right_btn2 span{ float:right;background:url(../images/tn04.png) no-repeat left top;}
.case_con .right_btn2:hover span{background-position:0 -78px;}
.case_con2{height:177px; float:left; position:relative; overflow:hidden;}
.case_con_con{ width:10000px; position:absolute;}
.case_con_con li{ width:226px; height:173px; border:solid 2px #cfd0d4; margin-right:12px; float:left;}
.case_con_con li img{  width:100%; height:100%;}
.case_con_con li:hover{ border-color:#01589d;}


.about_title{background:url(../images/tn005.jpg) no-repeat center;}

.about_con{ height:376px; margin:80px auto;}
.about_con ul li{ width:385px; height:376px; background:#e8eef4; float:left; margin-right:22px;}

.about_con ul li.video{ margin-right:0;}
.about_con ul li .ab_box{ width:361px; height:306px; padding:12px; overflow:hidden;}
.about_con ul li .ab_box img{ width:100%; height:100%;}
.about_con ul li .ab_box p{ font-size:12px; line-height:2em; margin-top:10px; color:#333;}
.about_con ul li .ab_title{ width:385px; height:46px; background:url(../images/tn007.jpg) no-repeat center; text-align:center; line-height:46px;  font-size:16px;}
.about_con ul li .ab_title a{ display:block; color:#fff; position:relative;}
.about_con ul li .ab_title a p{ display:inline-block; transition:0.5s;}
.about_con ul li .ab_title a p span{ font-size:12px;}
.about_con ul li .ab_title a em{ display:block; width:17px; height:19px; position:absolute; top:13px; right:70px; background:url(../images/tn05.png) no-repeat center;  transition:right 0.3s; opacity:0;}
.about_con ul li .ab_title:hover a em{ display:block; right:50px; opacity:1}
.about_con ul li .ab_title:hover p{ transform:translateX(-20px)}



.link{ min-height:37px; background:url(../images/link.png) no-repeat left top; padding-left:40px; width:1160px; margin-bottom:40px;}
.link ul li{ float:left; margin-top:8px;}
.link ul li.link_title{ font-size:14px; color:#333; margin-left:5px;}
.link ul li span{ display:inline-block; padding:0 5px; font-size:12px; color:#999;}
.link ul li a{ font-size:12px; color:#666;}

.footer{ width:100%; height:240px; background:#024982; position:relative;}
.footer .footer_top{ height:175px; overflow:hidden;}
.footer .footer_top ul{ width:804px; height:48px; border-top:solid 1px #05589a; border-bottom:solid 1px #05589a; margin: 37px auto 33px; text-align:center;}
.footer .footer_top ul li{ display:inline-block; }
.footer .footer_top ul li a{ font-size:13px; color:#cac7c7; display:inline-block; line-height:48px;}
.footer .footer_top ul li span{ display:inline-block; color:#969191; padding:0 19px 0 16px;}
.footer .footer_foot{ background:#023f6f; height:63px; line-height:63px; width:100%;}

.footer .footer_top .foot_contant{ width:560px; height:30px; margin:0 auto; text-align:center;}
.footer_top .foot_contant ol li{  line-height:30px; float:left; font-size:12px; color:#cbc5c5; overflow:hidden;}
.footer_top .foot_contant ol li span{ display:block; width:22px; height:22px; margin-right:10px;  float:left; margin-top:3px;}
.footer_top .foot_contant ol li.add span{ background:url(../images/add.png) no-repeat center;}
.footer_top .foot_contant ol li.tel{ margin: 0 30px;}
.footer_top .foot_contant ol li.tel span{ background:url(../images/tel.png) no-repeat center;}
.footer_top .foot_contant ol li.people span{ background:url(../images/people.png) no-repeat center;}

.foot_line{ height:2px; background:url(../images/foot_line.png)}

.foot_con2{ font-size:12px; color:#cbc5c5;}
.foot_con2 a{color:#cbc5c5;}
.foot_con2 .feixiang{ float:right; width:260px; height:40px; line-height:60px; margin-top:20px;}
.footer .top{ width:34px; height:20px; background:url(../images/tn06.png) no-repeat center; position:absolute; top:-20px; left:50%; margin-left:-17px; cursor:pointer;}




/*内页开始*/

.ny_banner{ position:relative; z-index:1; width:100%; height:444px; overflow:hidden;}
.ny_banner ul { position:relative; top:0; left:0; }
.ny_banner ul li{ position:absolute; left:50%; margin-left:-960px;}

.inside{ width:100%; min-height:1100px; background:#f8f9fa;}
.inside_con{ width:1200px;  min-height:1100px; padding:0 30px; background:#fff; margin:0 auto;}

.inside_con .inside_left{ float:right; width:250px; min-height:1000px;  margin-top:60px;}

.inside_con .inside_left ul,.inside_con .inside_left ol{ background:#f2f5f7; padding-bottom:30px;}
.inside_con .inside_left ul li{ line-height:62px; border-top:solid 1px #e2e6e9; border-bottom:solid 1px #fafbfb; position:relative; left:0; top:0; height:62px;}
.inside_con .inside_left ul li.title{ width:250px; height:81px; background:url(../images/tn07.png) no-repeat center;}
.inside_con .inside_left ul li a{ font-size:16px; color:#333; display:block; padding-left:35px;}
.inside_con .inside_left ul li span{ display:block; width:17px; height:17px;  background:url(../images/tn08.png) no-repeat left top; position:absolute; top:22px; right:30px; }
.inside_con .inside_left ul li:hover span{ background-position:0 -17px;}
.inside_con .inside_left ul li:hover a{ color:#024982;}
.inside_con .inside_left ol{ margin-top:60px; background:#f2f5f7; }
.inside_con .inside_left ol li{ height:46px; line-height:46px; padding:0 10px; }
.inside_con .inside_left ol li>a{ font-size:14px; color:#333; border-bottom:solid 1px #fff; width:230px; line-height:46px;height:46px; display:block; text-indent:1em; transition:.3s;}
.inside_con .inside_left ol li>a:hover{ color:#0070be; transform:translateX(5px)}
.inside_con .inside_left ol li.title2{ height:56px; background:url(../images/tn12.jpg) no-repeat center;}
.inside_left ol li.tu{ padding:10px 10px 0; position:relative; left:0px; top:0px; width:230px; height:210px;}

.inside_left ol li.tu .tu_con{ width:230px; height:210px; overflow:hidden}
.inside_left ol li.tu .tu_con img{width:230px; height:210px;}

.inside_left ol li.tu .tu_title{ width:230px; height:40px; background:rgba(0,0,0,0.5); text-align:center; line-height:40px; position:absolute; left:10px; bottom:0;}
.inside_left ol li.tu .tu_title a{font-size:14px; color:#fff;  }


.inside_ny{ width:910px; min-height:1000px; padding-top:25px;}

.inside_ny .inside_title{  height:35px; border-bottom:solid 1px #c9c9c9; background:url(../images/tn09.png) no-repeat left center; padding-left:30px; font-size:14px; color:#666;}
.inside_ny .inside_title p{ padding-top:6px;}
.inside_ny .inside_title p a{ color:#666;}
.inside_ny .inside_conn{ width:910px; padding-top:30px;}




.pro_conn ul li{ width:283px; height:340px; border:solid 1px #c6c9cd; float:left; margin-right:27px; margin-bottom:27px;}
.pro_conn ul li .pro_tu{ width:283px; height:290px; border-bottom:solid 1px #c6c9cd; overflow:hidden; }
.pro_conn ul li .pro_tu img{width:283px; height:290px;transition:.3s }
.pro_conn ul li .procon_title{ height:50px; line-height:50px; text-align:center; color:#333; font-size:16px;}

.pro_conn ul li:hover .pro_tu img{ transform:scale(1.1)}
.pro_conn ul li:hover .pro_tu{ border-bottom:solid 1px #024982}
.pro_conn ul li:hover{border:solid 1px #024982;}
.pro_conn ul li:hover .procon_title{ color:#024982;}



.case_conn ul li{ height:260px}
.inside_ny .case_conn .case_tu{ height:222px;}
.inside_ny .case_conn .case_tu img{ height:222px;}
.case_conn ul li .procon_title{ height:38px; line-height:38px;}



.new_conn dl{ width:910px; height:230px; border-bottom:solid 1px #c1c1c1; margin-top:30px;}
.new_conn dl dt{ width:260px; height:196px; overflow:hidden; float:left;}
.new_conn dl dt img{width:260px; height:196px; transition:0.5s;}

.new_conn dl dd{ width:610px; height:196px;  float:right;}
.new_conn dl dd h5{ margin-top:10px;}
.new_conn dl dd h5 a{ font-size:15px; color:#333;}
.new_conn dl dd .case_day{ height:16px; line-height:16px; font-size:12px; color:#858585; margin:15px 0 20px;}
.new_conn dl dd .case_day span{ width:16px; height:16px; background:url(../images/tn10.png) no-repeat left top; display:block; float:left; margin-right:10px;}

.new_conn dl dd p{ width:100%; font-size:12px; color:#666; line-height:2em;}
.new_conn dl dd .more{ width:90px; height:27px; text-align:center; font-size:12px; line-height:27px; border-radius:3px; background:#024982; margin-top:30px;}
.new_conn dl dd .more a{ color:#fff;}
.new_conn dl:hover{ border-color:#024982;}
.new_conn dl:hover h5 a{ color:#024982;}
.new_conn dl:hover dd .case_day span{ background-position:0 -16px;}
.new_conn dl:hover dt img{ transform:scale(1.1)}
.contact{ width:100%;}
.contact .contact_conn{ width:100%;}
.contact_conn .contact_l{ width:600px; float:left; min-height:550px; margin-bottom:80px;}
.contact_conn .contact_l ul li{ width:555px; height:95px; border-bottom:solid 1px #d8dadb; overflow:hidden; padding-left:80px; box-sizing:border-box; margin-top:15px;}
.contact_conn .contact_l ul li p{ font-size:12px; color:#666; margin:10px 0 15px;}
.contact_conn .contact_l ul li strong{ font-size:16px; color:#333;}
.contact_conn .contact_l ul li.contact_add{background:url(../images/tn11.png) no-repeat left top; }
.contact_l ul li.contact_tu{border-bottom:none;padding-left:0;}
.contact_conn .contact_l ul li.contact_tel{background:url(../images/tn12.png) no-repeat left 10px; }
.contact_conn .contact_l ul li.contact_em{background:url(../images/tn13.png) no-repeat left 20px; }
.contact_conn .contact_l ul li.contact_fax{background:url(../images/tn14.png) no-repeat left 15px; }


.contact_conn .contact_r{ width:600px; background:#333; float:right; min-height:550px;}

.message{ width:860px; height:500px;  margin:30px auto;}

#myForm label{ width:388px; height:40px;  display:inline-block; line-height:40px; margin:0 30px 30px 0;}
#myForm label span{ font-size:13px; color:#434343;}
#myForm label input{ width:315px; height:38px; border:solid 1px #dad8d9; text-indent:1em; line-height:38px; background:#f8f9fb;}
#myForm label.contact_c{width:910px; vertical-align:top; height:190px;}
#myForm label.contact_c textarea{ width:760px; height:170px; border:solid 1px #dad8d9; background:#f8f9fb; display:inline-block; vertical-align:inherit; padding:10px;}


#myForm .sub{ display:inline-block; width:191px; height:47px; margin-left:200px; cursor:pointer; background:url(../images/tn17.jpg); font-size:16px; color:#fff;}

#myForm .res{ display:inline-block; width:191px; height:47px; margin-left:20px; cursor:pointer; background:url(../images/tn18.jpg); font-size:16px; color:#fff;}

/*.inside_mess{background:url(../images/tn19.jpg) no-repeat center top; }*/




.show_pro dl{ width:910px; height:450px;}
.show_pro dl dt{ width:470px; height:445px; overflow:hidden; border:solid 1px #CCC; float:left; text-align: center; line-height:445px;}
.show_pro dl dt img{ max-height:445px; display:inline-block; max-width:470px;}
.show_pro dl dd{ width:400px; height:445px; float:right;}
.show_pro dl dd h2{ font-size:26px; color:#024982;}
.show_pro dl dd strong{ font-size:16px; color:#333; margin:25px 0; display:block;}
.show_pro dl dd i{ width:400px; height:50px; background:#eaeff2; font-size:16px; color:#333; display:block; line-height:50px;}
.show_pro dl dd p{ font-size:14px; color:#666; line-height:2em; margin-top:20px; height:200px;}
.show_pro dl dd p em{ font-size:16px; color:#333;}
.show_pro dl dd .fxiang{ height:30px; }

.show_pro dl dd .phone{ font-size:18px; color:#333; margin-top:15px;}


.show_title{ width:100%; height:50px; background:#f8f9fa; margin-top:60px;}
.show_title p{ width:165px; height:50px; background:#0070be; text-align:center; line-height:50px; font-size:20px; color:#fff;}
.show_cc{  min-height:500px; padding:10px; font-family:"微软雅黑"; font-size:14px; line-height:2em;}
.show_cc table{ border-collapse:collapse;
    border-spacing:0;}
.show_cc td{ border:solid 1px #d1d1d1;}

.relevant{ width:100%; padding-bottom:50px;}
.relevant .re_title{ width:100%; height:8px; background:url(../images/tn15.png)}
.relevant p{ font-size:16px; color:#565656; margin:20px 0 15px;}
.relevant ol li{ width:450px; height:15px; line-height:15px; float:left; margin-bottom:30px;}
.relevant ol li span{ display:block; float:left; width:6px; height:6px; border-radius:50%; background:#c1c5c8; margin-top:4px; margin-right:10px;}
.relevant ol li a{ font-size:12px; color:#666; margin-right:60px; }
.relevant ol li em{ font-size:12px; color:#999;}
.relevant ol li a:hover{ color:#0070be;}


.bdsharebuttonbox:after{ display:none !important;}


h3.art-tit{ text-align:center;} 
.news_author{ text-align:center; margin-bottom:20px; border-bottom:dashed 1px #999;}

.pub_con{ font-size:14px; line-height:2em; font-family:"微软雅黑";}
p.f14{ margin:30px 0;}
p.f14 a{ color:#666;}
p.f14 a:hover{ color:#024982;}
.v9_pages{ margin:30px 0 50px;}
.v9_pages a,.v9_pages span{ display:inline-block; width:auto; min-width:40px; margin:0px 2px;   height:30px; background:#d4d4d4; border-radius:3px; text-align:center; line-height:30px; font-size:14px; color:#333;}
.v9_pages a.a1{ width:60px; }
.v9_pages span{ background:#024982; color:#fff;}