﻿/* CSS Document */
/*transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;*/
@font-face{
    font-family: 'Bodoni';
    src:url(../fonts/BodoniStd-Italic.otf);
}
@font-face{
    font-family: 'Poppins';
    src:url(../fonts/Poppins-SemiBold.ttf);
}
@font-face{
    font-family: 'Lato';
    src:url(../fonts/LATO-LIGHT.WOFF.TTF);
}
@font-face{
    font-family: 'Playfair';
    src:url(../fonts/PlayfairDisplay-Regular.ttf);
}



body,div,ul,li,h1,h2,h3,h4,h5,p,table,td,tr,p,dl,dt,dd{ padding:0; margin:0; list-style:none;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#262626;}
a{ color:#666; text-decoration:none;}
a:hover{}
img{ border:0;}
.clear{ clear:both;}
.swiper-slide img{ max-width:100%;}
.wid{ width:1200px; margin:0 auto;}
.wid:after,.header:after,.home_adv_cont:after,.flow:after{ content:""; display:block; clear:both;}

.header{ height:60px; padding:11px 50px 0;}
.logo{ float:left; padding-top:6px;}
.nav{ float:right;}
.nav li{ display:inline-block; line-height:50px;}
.nav li a{ font-size:16px; color:#2d5aa6; text-transform:uppercase; padding:0 20px;}

.banner{ height:800px; padding:50px 0; background:url(../images/banner_bj.jpg) repeat-x center; position:relative;}
.banner p{ font-size:26px; color:#fff; text-align:center;font-family: 'Poppins';}
.banner h1{ font-size:34px; color:#fff;text-align:center; text-transform:uppercase; width:80%; max-width:900px; margin:0 auto; line-height:50px;font-family: 'Poppins';}
.banner .pic{ text-align:center;}
.banner .pic img{ max-height:550px; padding-top:50px;}

.home_pro{ padding:30px 0 50px;}
.home_pro_box{ background:#f6f6f6; padding:30px 15px 20px; width:22%; margin-right:4%; float:left; box-sizing:border-box;}
.home_pro_box:nth-child(4n){ margin-right:0;}
.home_pro_box .pic{ text-align:center;}
.home_pro_box .title{ font-size:16px; color:#000;text-align:center;text-transform:uppercase; padding:20px 0 10px;}
.home_pro_box .des{ font-size:14px; color:#686868;text-align:center;}
.home_pro_box .an{ text-align:center; margin-top:15px;}
.home_pro_box .an a{font-size:12px; color:#ccc; text-transform:uppercase;}
.home_pro_box .an a:hover{ color:#2d5aa6;}

.home_com{ padding:70px 0; background:url(../images/home_com.jpg) no-repeat center;}
.home_com h2{ font-size:46px; color:#2d5aa6; text-align:center;}
.home_com p{ font-size:20px; line-height:36px; color:#626263; margin:50px 0 35px;}
.home_com_an{ text-align:center;}
.home_com_an a{ line-height:70px; padding:0 35px; background:#2d5aa6; font-size:26px; color:#fff; display:inline-block; border-radius:35px;}
.home_com_an a:hover{ background:#3d76d5;}

.home_adv{ padding:70px 0;}
.home_adv h2{font-size:44px; color:#608ecc; text-align:center;}
.home_adv p{ font-size:18px; line-height:28px; color:#606060; margin:20px 0 45px; text-align:center;}
.home_adv_box{ width:calc(100%/3); float:left; box-sizing:border-box; padding:0 20px;text-align:center;}
.home_adv_box .pic{}
.home_adv_box .title{ padding:20px 0 10px; font-size:20px; color:#000; text-transform:uppercase;font-family: 'Poppins';}
.home_adv_box .des{ font-size:18px; line-height:26px; color:#6d6d6d;}
.home_adv_box .an{ margin-top:30px;}
.home_adv_box .an a{ color:#d52128; font-size:16px;}
.home_adv_box .an a:hover{ color:#f00;}
.home_adv_box .an a img{ margin-right:6px;}

.foot{ background:#2d5aa3; padding:30px 0 10px; color:#fff;}
.foot_box{ width:20%; float:left;}
.foot_box h3{ font-size:24px;font-family: 'Poppins'; margin-bottom:10px;}
.foot_box a{ font-size:16px; color:#fff; line-height:30px; display:block;}
.foot_box a:hover{ color:#ccc;}
.foot_box p{ font-size:16px; line-height:30px;}
.foot_ewm{text-align:center; font-size:20px;}
.foot_ewm img{ max-width:120px; padding:15px 0;}
.banquan{ text-align:center; text-align:center; padding:25px 0 5px;font-family: 'Lato';}

.weizhi{ line-height:50px; background:#f2f2f2;}
.weizhi a:hover{ color:#2d5aa3;}

.nybanner{ background:#2d5aa6; padding:120px 0;}
.nybanner h2{ max-width:600px; padding:0 15px; text-align:center; color:#fff; font-size:42px; margin:0 auto; text-transform:uppercase; margin-bottom:20px;}
.nybanner p{ max-width:800px; padding:0 15px; text-align:center; font-size:20px; color:#fff; margin:0 auto;font-family: 'Lato';}

.mid{ padding:50px 0;}
.mid_left{ text-align:center; margin-bottom:30px;}
.mid_left a{ border:1px solid #2d5aa6; border-radius:5px; display:inline-block; line-height:36px; padding:0 15px; margin:0 5px; color:#4f4f4f;}
.mid_left a:hover{ background:#2d5aa6;color:#fff;}
.mid_left .act{ background:#2d5aa6;color:#fff;}
.mid_cont{ line-height:30px;}
.mid_cont p{ margin-bottom:15px;}
.mid_cont img{max-width:100%;}

.prolist{}
.prolist:after{ content:""; display:block; clear:both;}
.prolist dl{ width:25%; padding:0 1%; box-sizing:border-box; text-align:center; overflow:hidden; float:left;margin-bottom:15px;}
.prolist dl dt{ position:relative;}
.prolist dl dt img{ max-width:100%; vertical-align:middle;border:1px #ebebeb solid; box-sizing:border-box;}
.prolist dl dt span{ position:absolute; left:0; top:0; width:100%; height:100%; display:block; background:#ccc;background:rgba(65,45,90,0.3); opacity:0;transition:320ms;}
.prolist dl dt span:before{ content:"";width:100%;height:0;border-left:3px solid #2d5aa6;border-right:3px solid #2d5aa6;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms;}
.prolist dl dt span:after{ content:"";width:0;height:100%;border-top:3px solid #2d5aa6;border-bottom:3px solid #2d5aa6;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms;}
.prolist dl:hover span{ opacity:1;transition:320ms;}
.prolist dl:hover dt span:before{ height:100%; transition:330ms 200ms;}
.prolist dl:hover dt span:after{ width:100%; transition:330ms 200ms;}
.prolist dl dt span b{ position:absolute; left:50%; top:50%; margin:-23px 0 0 -23px; width:46px; height:46px; display:block; z-index:10;}
.prolist dl dt span b:before{ position:absolute; left:0; top:23px; content:"";width:100%;height:1px; background:#2d5aa6;transform:translateX(-200px);}
.prolist dl dt span b:after{ position:absolute; left:23px; top:0; content:"";width:1px;height:100%; background:#2d5aa6;transform:translateY(-200px);}
.prolist dl:hover dt span b:before{ transform:translateX(0); transition:355ms 180ms;}
.prolist dl:hover dt span b:after{ transform:translateY(0); transition:355ms 180ms;}
.prolist dl dd{ font-size:16px; padding:14px 0 20px; font-weight:bold;height:36px; overflow:hidden;}
.prolist dl:hover dd{ color:#c12c20;}

.procont_title{ text-align:center; font-size:36px; color:#000; margin:50px 0 30px;font-family: 'Poppins';}
.procont_pic{ text-align:center;}
.procont_pic img{ width:100%; max-width:600px;}

/*.contact h2{ margin:20px 0; border-bottom:3px #608ecc solid; display:inline-block; line-height:50px; font-size:24px;}
.contact p{ font-size:16px; color:#000;}
.contact p img{ vertical-align:middle; margin-right:15px; margin-bottom:2px; width:30px;}
.from{ margin-top:30px;}
.from h3{border-bottom:3px #608ecc solid; display:inline-block; line-height:50px; font-size:24px; margin-bottom:10px;}
.from p{ line-height:30px; margin-bottom:10px;}
.from_cont{ margin-top:30px; text-align:center;}
.from input{ width:45%; margin-right:10%; border:1px #e8e8e8 solid; border-radius:3px; line-height:40px; background:#f5f5f5; box-sizing:border-box; padding:0 10px; font-size:14px; float:left; margin-bottom:25px; outline:none;}
.from textarea{ width:100%; height:100px;border:1px #e8e8e8 solid; border-radius:3px;padding:10px;background:#f5f5f5; box-sizing:border-box;font-size:14px;outline:none;font-family:Arial, Helvetica, sans-serif;}
.from a{ display:inline-block; padding:0 20px; line-height:40px; background:#608ecc; color:#fff; border-radius:3px; font-size:16px; margin-top:25px; float:right; cursor:pointer;}
.from a:hover{ background:#6081cc;}*/

.flow{}
.flow_box{ float:left; width:24%; margin:0 0.5%; padding:10px; box-sizing:border-box;background:#f2f2f2; margin-bottom:20px;}
.flow_box_pic img{ max-width:100%;}
.flow_box_text{ height:222px; overflow:hidden;}
.flow_box_text h3{text-align:center; padding:30px 0 12px; color:#000; font-size:22px;}
.flow_box_text h3 span{ color:#2d5aa6; font-size:50px; padding-bottom:10px; display:inline-block;}
.flow_box_text p{ font-size:12px; line-height:24px; height:96px; overflow:hidden;}

.contact_ban{ position:relative;}
.contact_ban img{ max-width:100%;}
.contact_ban h2{ position:absolute; bottom:0; left:0; font-size:36px; width:100%; box-sizing:border-box; padding-left:18.5%; font-weight:normal; line-height:70px; background:rgba(0,0,0,0.7); color:#fff;}

.contact_text{ float:left; width:22%; margin-right:3%;font-size:12px;}
.from{ float:left; width:45%;}
.from:after,.mid_cont:after{content:""; display:block; clear:both;}
.from_l{ float:left; width:48%; line-height:28px;}
.from_l li{ padding:3px 0;}
.from_l label{ display:inline-block; padding:0 5px 0 5px; box-sizing:border-box; width:20%;}
.from_l input{ line-height:28px; border:1px solid #ccc; border-radius:3px; padding:0 5px; width:80%; box-sizing:border-box;}
.from_r{ float:right; width:48%;}
.from_r h4{ line-height:38px;}
.from_r textarea{ line-height:28px; border:1px solid #ccc; border-radius:3px; height:100px; width:100%;padding:0 5px; box-sizing:border-box;}
.from_r input{ line-height:28px; border:1px solid #ccc; border-radius:3px; padding:0 5px;}
.from_r a{ display:block; text-align:center; line-height:28px; background:#2d5aa3; color:#fff; border-radius:2px; margin-top:5px; cursor:pointer;}
.contact_cont{ float:left; width:28%; margin-left:2%; background:url(../images/contact_bj.jpg) center top; box-sizing:border-box; padding:10px;}
.contact_cont h2{ margin-bottom:15px;}
.contact_cont h3{color:#666;}
.contact_cont p{ color:#666;}
.contact p{ margin-bottom:0; margin-top:0;}
.mid_cont{ padding:35px 0;}

.about{ padding:35px 0; line-height:30px;}
.about p{ margin-bottom:15px;}
.about img{ max-width:100%;}




/*分页代码*/
.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666; font-family:宋体,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#97262a; text-decoration: none;}

/*send*/
.fabu {}
.fabu li { border-bottom:1px dashed #ccc; padding:10px;}
.fabu li b {color:#463b97; font-size:14px;}
.fabu li textarea { display:block;}
#send {display:block; margin-top:26px;width:100%;position:relative; margin-bottom:10px;}
#send a{ text-decoration:none; }
#detail_send .detjt{ color:#FFFFFF;}
#send .send_title{background:#eee;height:38px;text-indent:6px;color:#463b97;border-top:1px solid #c7d2e3; border-left:1px solid #c7d2e3; border-right:1px solid #c7d2e3;}
#send .send_title .sendh2_title {float:left; font-size:16px; line-height:20px; text-indent:10px; padding-top:8px;font-weight:bold;}
#send .send_title #detail_send {width:120px;background:url(page_bg.gif) right -160px;height:38px;position:absolute;right:0;top:0;}
#send .send_main { border:1px solid #c7d2e3; background:#fafafa;padding:12px;}
#send textarea { max-width:100%; height:90px; font-family:Arial; color:#999;font-size:11px;border:1px solid #ccc;padding:5px; overflow:hidden; width:600px;}
.send_main strong{color:#463b97; font-size:12px;}
.send_main{ font-size:12px;}
.blue22{width: auto; background-color: #f0b313;color: white; text-transform: uppercase;font-size: 16px;font-weight: 400; padding: 8px 25px; border:medium none; border-radius:10px;margin-top:20px;cursor:pointer;}

/*产品标签*/
.tag{ margin:50px 0 10px;}
.tag strong{ font-size:16px;}
.tag a{ padding:0px 10px; line-height:32px; display:inline-block; background:#ebebeb; margin:0 5px; border-radius:3px; color:#666;}
.tag a:hover{color:#000;}

.nav_tb{display:none;}

@media screen and (min-width:481px) and (max-width:1440px){
.wid{ width:80%;}
.home_com p{font-size:16px;}
.nybanner{padding:90px 0;}
	}

@media screen and (max-width: 800px) {

	}

@media screen and (max-width: 480px) {
.nav_tb{display:block; position:fixed; top:20px;right:20px; cursor:pointer; z-index:1000;}
.nav_tb img{height:30px;}
.nav{ background:#fff; position:fixed; z-index:888; top:60px; right:0px; display:none;}
.nav li{display:block;}
.wid{width:100%; padding-left:10px;padding-right:10px;box-sizing:border-box;}
.header{padding:11px 10px 0;}
.banner{padding:30px 0 50px; height:auto;}
.banner h1{width:96%; font-size:22px; line-height:30px;}
.banner p{font-size:18px;}
.home_pro_box{width:48%; margin-right:4%; margin-bottom:15px; padding:30px 0 20px;}
.home_pro_box:nth-child(2n){margin-right:0;}
.home_com{padding:30px 0;}
.home_com h2{font-size:30px;}
.home_com p{margin:20px 0 15px; font-size:14px; line-height:24px;}
.home_adv{padding:30px 0;}
.home_adv h2{font-size:30px;}
.home_com_an a{line-height:40px;border-radius:20px; font-size:18px;}
.home_adv p{font-size:16px;}
.home_adv_box{width:100%; margin-bottom:20px;}
.home_adv_box .des{font-size:14px;}
.foot_box{width:50%; margin-bottom:25px;}
.foot_ewm{ width:100%;}
.nybanner{padding:60px 0;}
.mid{padding:30px 10px;}
.mid_left a{margin-bottom:15px;}
.prolist dl{width:50%;}
.procont_title{font-size:30px;}
#send textarea{width:100%;}
.flow_box{width:49%; margin-bottom:8px;}

.contact_text,.from,.contact_cont,.from_l,.from_r{ float:none; width:100%; margin:0;}
	}